设计师成长过程中,一定要掌握这六条原则

设计师在成长过程中,避免不了踩坑,如果提前掌握一些原则技巧,可以减少一些挫折。本周我整理六个常用视觉设计原则,也是我在设计中经常运用的,分享给大家,希望可以帮助大家提高设计,共同进步。

聚焦关键信息

其实就是我们常说的视觉焦点,产品设计如果没有了焦点,那么会平淡无奇。因此设计时候一定要聚焦关键信息展现,利于我们在商业上的转化

设计师成长过程中,一定要掌握这六条原则

强调焦点的方法有很多,可以通过视觉五要素等(形色字质构),下面看看一些实际案例。

设计师成长过程中,一定要掌握这六条原则

运用圆形留白来强调焦点。

设计师成长过程中,一定要掌握这六条原则

设计师成长过程中,一定要掌握这六条原则

运用颜色四周动感斜线聚焦中心点,抓住用户眼球。

设计师成长过程中,一定要掌握这六条原则

运用人物摄影图来制造焦点,在这里人眼更能吸引用户目光。因此整个画面中心聚焦在人物头像那一块,正好突出了围巾这个产品。

 

视觉动线

设计中,视觉运动展现方式有很多,可以通过视觉设计手法或者摄影图来引导用户视线,将用户吸引到关键的位置,以达到产品上或者商业目的。

一个很好的例子是罗马梵蒂冈展出的著名的Laocoon及其儿子的大理石雕塑,如下图。

设计师成长过程中,一定要掌握这六条原则

身体各个躯干基本聚焦在一个方向上,尽管处于一个立体空间里,但最终它们视线都会聚焦中心大的雕塑。

这样思路在平面设计或者UI设计也是比较常用,下面一些优秀案例。

设计师成长过程中,一定要掌握这六条原则

设计师成长过程中,一定要掌握这六条原则

眼睛会随着文字轨迹,找到关键椅子元素。

设计师成长过程中,一定要掌握这六条原则

上图,几乎所有元素都指向中间的产品宣传图

 

根据产品性格使用空间

空间是最重要的原则。通过控制塑造产品设计中的空间,我们可以创建节奏方向运动。空间有如下四大作用在设计中体现。

1.创建元素分组

2.建立信息焦点和层次结构

3.提高可读性

4.构建产品性格

不同大小空间,表达含义完全不同,比如天猫紧凑排版韩国29CM的设计相比,完全就是两种产品性格定位。

设计师成长过程中,一定要掌握这六条原则

注意:这里各种间距大小没有好坏之分,根据产品市场定位来决定。只要能达到商业目标都是好的设计(当然糟糕的设计除外)。

下面来看几个案例,可以感受下他们调性是怎样的。

设计师成长过程中,一定要掌握这六条原则
设计师成长过程中,一定要掌握这六条原则
设计师成长过程中,一定要掌握这六条原则
设计师成长过程中,一定要掌握这六条原则

看完后有没有觉得,哇靠,简约高级。这就是运用大空间的效果,当然选图也很关键。

 

平衡定律

平衡定律在生活中无处不在,如建筑艺术工业设计、装置艺术等。在设计中,平衡定律同样重要,它是美学中必不可少的一部分。

平衡又分为对称平衡非对称平衡,一起看看它在设计中如何应用。

设计师成长过程中,一定要掌握这六条原则

上图案例,属于不对称平衡,虽然右侧内容多,但是在左侧,左上角有个商标排版,正好形成稳定感。

设计师成长过程中,一定要掌握这六条原则

上图对称平衡,两边视觉重量一致。

设计师成长过程中,一定要掌握这六条原则

设计师成长过程中,一定要掌握这六条原则

不对称平衡,画面简约干净美。

 

使用相同调性图片

图像设计语言关键要素,如果图片给人感觉不是一个世界的,会缺少凝聚力,反之会带来更大化视觉冲击力。下面我通过几个案例说明。

设计师成长过程中,一定要掌握这六条原则

上图中,摄影图风格调性大感觉一致。

设计师成长过程中,一定要掌握这六条原则

音乐图片属性相同,因此给人感觉一致性很强,风格感十足。

设计师成长过程中,一定要掌握这六条原则

这里作者通过色彩让三张图视觉上统一。

 

融入形状

设计中运用形状可以增强设计形式感。形状可以表达产品风格特征,比如记忆点打造。在交互式设计中,几何形状对于有效交流至关重要。因为它们比文本更快速,更通用地传达含义

设计师成长过程中,一定要掌握这六条原则

上图,网站突破传统设计方式,以微妙的方式使用正方形圆形形状来呈现独特的视觉层次结构,从而引导访问者浏览内容。

地址:https://www.signesduquotidien.org/projets/  (交互方式新奇,推荐体验)

设计师成长过程中,一定要掌握这六条原则

设计师成长过程中,一定要掌握这六条原则

不规则图形可以增强网页设计形式感新鲜感,还可以用在设计中作为背景存在。

设计师成长过程中,一定要掌握这六条原则

设计师成长过程中,一定要掌握这六条原则

与元素相呼应,达到传递信息目的。

 

总结

今天分享六大基础设计原则,它们之间可相互融合运用,并不是单一存在。如何更加巧妙将这些原则相互集合使用,产生出最大化收益,需要设计师们多去探索。设计出创新的视觉页面。

 

原文地址:功夫UX(公众号)

作者:功夫UX

给TA打赏
共{{data.count}}人
人已打赏
设计方法论

颜色对比度怎么选?来看看这份大厂公认的标准规范!

2020-9-14 20:30:41

设计方法论

UI设计师在工作中容易犯的10个错误,看看你有没有中招

2020-10-13 1:00:54

个人中心
今日签到
有新私信 私信列表
搜索