一、点线面

作用:它是任意设计里面的一个骨骼,也就是里面必不可少的部分;它是用来撑起整个版面当中比较核心的一个元素。任何图都是由点线面构成,平面基础

1、点:

在整张版面当中,对比线、面更小的那个面积;所以这里的点、线、面任意的哪个它都是以面积为单位的。
作用
1)烘托氛围;
2)活跃丰富版面;
3)指示、标重。
总结
1)点非“点”;点是一个概念,是抽象形式具象化表达
2)点是对比出来的;
3)点可以烘托气氛、活跃版式、显示重点;
4)点可以聚散离合;
5)点可以成为画面的肌理和背景(日本波点女王)。

2、线:

很多‘点’连在一起就会变成线;电商里最常见的线表现形式就是“文字”。
线也分横线、竖线、斜线、曲线……(如下)

在设计有文案的版面的时候,如果一个字算一个点,那么一串文字规则性的连在一起那就是一条线。
作用
1)分隔信息;
2)强调作用;
3)串联信息;
4)增加灵动性;
5)视线引导。
总结
1)线是一个概念
2)线是运用的方法,对设计的补充, 功能性>装饰性
3)线可以串联、引导、分割等
4)不要为了加线而加线

3、面

定义:面是在整个版面当中最大的那个面积。面元素一般就是一张版面当中作者最想表达出来的真正内容,也就是最希望消费者看到的东西,通常放在版面的核心位置。
①一个面(独角戏
面有独角戏,也就是说一张版面当中只有一个面(独角戏)。
②两个面(两个角色)
两个面的比例尽量不要五五开(5:5),这样会使得版面没有重点。

③N个面(多个角色)
这个时候要注意面的主次关系,最大的那个面一定是最想让消费者看到的、最想要去突出出来的那个东西。
总结
1)平面设计中,“面”的塑造是最重要的,因为它最大;
2)在面面前,线和点都是装饰;
3)面是设计者要表达或传递的成果,是主体(文字/产品)
4)两个或多个画面,不要均分

二、光影

光是万物之源,光线的照射产生了光影,也有了色彩;它使静止的物体产生生机,赋予设计生命力。

1、逆光式光影:

就是让光线从背后照射过来,这时比如你的产品轮廓跟光影衔接的位置会产生很强烈的反差,以至于轮廓线条会非常清楚。
优点
逆光式光影的这种高反差感觉给人的视觉体验很强烈,所以能够体现出比较强烈的空间感。

2、聚光式光影(电商常用光影形式):


作用:聚光式它的重点就是突出画面当中的重点。

3、角光式光影(电商中不常用):

光源打造位置、角度一般比较特殊;在电商中不太常用,因为它突出出来的效果跟想要达到的目的不一致。

4、光冷暖

光源也有冷光暖光之分,不同的场景和不同的产品当然要用不同的光线(冷光或者暖光)。

总结
1)光有冷光、暖光之分
2)位置/角度不同,作用不同;
3)有不同存在形式,也可形成点、线、面
4)光有凝聚视觉点、烘托氛围作用

电商设计——3、点线面及光影相关推荐

  1. 可临摹的PSD分层模板,拆解上线,高逼格电商设计竟如此简单?

    构图分析 电商设计的构图中最常见的就是中心集中式构图. 画面由一个主要元素撑满,主标题作为次要元素配合画面平衡,根据画面需求添加小标签装饰. 整体视觉冲击力强.张力足,适用于单个产品以及细节较为丰富的 ...

  2. 电商常用同义词库_【福利】不可错过的电商设计神器,提高工作效率

    开启高效设计,拒绝每天加班,设计助理插件,设计师高效设计神器,让你早下班的设计神器: 今天介绍一款非常人性化的插件,尤其适合做电商设计的小伙伴 设计助理插件官网视频介绍↓ 设计助理插件https:// ...

  3. 炫彩渐变海报素材模板,可运用到海报、电商设计等方面

    流体彩色渐变海报应用在APPstore介绍.H5设计.海报.电商banner设计中,彩色渐变海报简单的风格让更多人所接受喜爱. 下面素材模板案例,有着绚丽的色彩元素多色过渡自然,有空间视觉感,可表现柔 ...

  4. 电商设计提升水平,需要优秀的模板素材进行临摹练习!

    电商的兴起实际上是我们生活方式的改变所带来的,设计是和我们生活最息息相关的一种艺术形式. 设计最终目的就是通过视觉表现,让你感觉更值钱. 在电商设计中,一张好的主图能够激发消费者的点击欲望,甚至能成就 ...

  5. java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+数据库+系统+lw文档

    java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+数据库+系统+lw文档 java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+数据库+系统+lw文档 本源码技术栈: 项目架构:B/S架构 开 ...

  6. 按头安利 好看又实用的店招电商设计模板素材看这里

    想必大家都在为找店招电商设计模板而头疼吧,今天小编都为大家整理好咯,超多的店招电商设计模板资源,大家喜欢的可以先行收藏哈,之后会持续更新哒~ 因为小编的工作原因,经常会使用到店招电商设计模板资源,所以 ...

  7. 橙色优学:电商设计是什么?电商设计主要做什么?

    电子商务是依赖于互联网而产生的一种联接线上线下交易的商业活动,目前电商主要有这样几个模式:B2B.C2C.B2C.O2O.P2P等. O2O(Onlin to Offline):指线上下单支付,线下消 ...

  8. 电商设计和平面设计哪个好,他们之间的区别是什么?

    电商设计和平面设计哪个好,他们之间的区别是什么?由于现在电商的越来越火,好多小伙伴都私信我,想了解电商设计和平面设计哪个好,本文我会通过对平面设计和电商设计的根本区别及传播方式.思维方式.受众群体的不 ...

  9. 电商设计中的极简设计

    下面从3个方面来讲一下如何做极简的设计: 1.极致的版式(对齐 对比 留白) 2.精致的颜色 3.考究的字体 先看一下极简设计的案例: 这是锤子T1的页面设计,无论是手机的外型还是系统UI的设计都是各 ...

  10. java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+mysql数据库+系统+lw文档+部署

    java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计O2O生鲜果蔬电商设计与实现源码+mysql数据库+系统+lw文档+部署 本源码技 ...

最新文章

  1. LeetCode 116. 填充每个节点的下一个右侧节点指针
  2. 【Flutter】Dart 面向对象 ( mixins 特性 )
  3. js如何判断一个对象是不是Array?
  4. android 定位修改坐标系_数控编程G52局部坐标系的建立及使用
  5. 如何做个好员工(转载)
  6. 内核抢占,让世界变得更美好 | Linux 内核
  7. 水滴石穿C语言之声明的语法
  8. mysql常见的运算符及使用
  9. c语言程序设计电子图书 汉诺塔,用C写的汉诺塔(hanoi)程序
  10. 【DevCloud·敏捷智库】如何利用用户故事了解需求
  11. go使用makefile
  12. libsvm python Linux Ubuntu下编程操作实践
  13. 【TS】GARCH模型(1)
  14. 谈谈死链接产生的原因和处理方法
  15. unity材质球发光_Unity3D - 发光材质(Emissive Materials)
  16. 英雄的黎明-纯音乐-横山菁儿
  17. java绘制五角星_java画各种五角星
  18. 2018(农历年)封山之作,和我一起嚼烂Git(两万字长文)
  19. 麻雀要革命2 第31节:不共戴天之仇
  20. 什么语言最适合做 GUI?

热门文章

  1. 台式计算机启动时 每次按f1,电脑开机时总是提示要按F1?云骑士告诉你如何解决...
  2. 教研教改课题 php,关于申报2019年全国高校、职业院校物流教改教研课题的通知...
  3. 小程序项目:基于微信小程序的答题系统——计算机毕业设计
  4. 电脑c语言发音,C的发音
  5. FPGA mpsoc vitis SDK PMU-FW is not running, certain application may not be supported
  6. Mac SublimeREPL一点经验
  7. 爬虫之短信验证码自动化接收——Tasker
  8. Simulink开环控制都不稳----记录一次还没有解决的问题
  9. Linux添加硬盘并挂载(超细致)
  10. 计算机分享硬盘,共享磁盘是什么怎么设置