logo
当前位置:首 页 > 设计教程 >网页设计 > 查看文章

设计提升—回顾自己的作品

网页设计, 设计教程 你是第2198个围观者 0条评论 供稿者: 标签:
设计师想要完成自我提升,除了不断的去看大神们的优秀作品,接触最新的设计理念,还要回过头来去回顾自己之前做的作品。因为在不同的阶段,你的知识储备,专业技能和工作经验都是不一样的。在回顾的过程中,我们会思考自己当时为什么这么布局,icon为什么这样画,为什么选择这种配色风格。回顾的过程其实是对于”之前的我“一个审视,这样我们可以了解自己究竟有没有成长进步。那么一个作品我们可以从以下几个方面来进行分析:配色,信息层级,icon和视觉中心。

配色
首先来说配色,配色是一个老生常谈的问题了。配色的文章在之前也写过,给你的配色做减法。配色为何如此反复的说?一是因为配色对于界面设计来说非常重要,二是配好色也的确不容易。每个人对于色彩的感知力都是不一样的,有的人天生就会配色,而且效果很好。但并不是每一个人都是这样的天选之子,身为普通人的我们只能好好的去学习一些理论知识,不求出彩只求不犯错。今天这里主要来说如何让界面配色更加和谐一点。因为新手设计师经常犯的的一个错误就是,界面中引入过多的色系,导致看起来非常的混乱。

和谐的界面配色最容易的实现方法就是类比色搭配。

类比色搭配是指选用一款颜色作为主色调,色轮中临近的颜色作为辅色。因为在色轮中相互靠的很近,所以搭配起来不会有很突兀的感觉,用户可以感受到界面颜色的一致性。
但是界面中只有一个色系未免显得过于单调,我们还必须要引入其他色相。在这种情况下,为了保持界面的和谐统一要相应的调低纯度和亮度。
我们经常说红配绿是大忌,因为非常的辣眼睛。但是我们只要适度的降低纯度和亮度,红配绿也并不是设计的禁区。
icon
这里为什么说icon呢?因为很多设计师都是从画icon起步的,所以从icon最能看出一个设计师的成长轨迹。在回顾之前所画的icon, 我发现一个重要的问题就是icon没有做到视觉统一。评价一个产品中的icon是否达到视觉统一的方法很简单:将产品中所有的icon整合到一个界面中,看能否对相同级别的icon进行准确分类。

icon的视觉统一可以通过给同一级别的icon赋予的相同的设计元素来实现。

这些相同的元素可能是相同半径的圆角,线宽(描边),用色等。比如上面的例子里,小狗的耳朵上的圆角都是2像素的,描边都是2像素的,鼻子都是心形的。
这些共享的元素将产品中的单个icon都联系成一个整体。
信息层级
新手设计师接到需求做页面,更多考虑的是如何把这些信息在界面中展示出来。只要展示全了就是胜利,没有考虑建立页面的信息层级。信息层级的建立与否会对你的界面用户体验产生极大的影响,因为建立信息层级可以对内容进行整合分类,提升了内容的易读性。

一个优秀的设计师做出来的界面应该让用户能够很容易的发现:

1 各元素之间的优先级

2 各元素之间的关系。

建立信息层级的一个主要思路就是增加视觉层级之间的对比来提升内容的易读性,包括字号,背景颜色,排布和形状。前三种大家可能都比较熟悉,在之前的文章中都或多或少的提到过。

一个界面能给用户留下印象的除了配色就是形状了。形状的应用可以很好对界面的中的元素进行区分。例如,在很多产品用户头像都是圆形的,而界面中元素大部分都是矩形或者圆角矩形,圆形头像的使用可以很好的吸引用户的注意力。

视觉中心
很多新手设计师容易犯的一个错误就是东拼西凑。你在收集素材的过程中,觉得这个表单样式很好看,那个下拉框用户应该也会很喜欢……你把所有优秀的设计元素都堆砌到你的界面中,结果做出来的效果却不尽如人意。在我看来,出现这种现象的原因主要是你没有把握好页面的视觉中心。在浏览素材过程中,你觉得出彩、很好看的地方很有可能就是那个界面的视觉中心,要不然也不会吸引你的注意力。而一个界面的视觉中心往往都是key action,核心交互(区)。

以悬浮按钮为例,从视觉层级上来说,悬浮按钮是凌驾于整个页面之上的,可以说悬浮按钮是整个界面中的key action。你把所有出彩的设计元素都放在你的界面中就容易导致界面出现多个视觉重点,相互之间抢夺用户注意力。就好像界面中出现了多个悬浮按钮一样。所以设计师对于界面展示的内容要做一个优先级的排序,只有用户关心或者我们希望用户关注到的内容或操作才可以享受到视觉中心的待遇,其他内容没有必要做的太过于绚丽。

了解你的产品和用户
工作以来听到最多的一句话可能就是“设计师要懂产品”,以前可能对这句话感触不是很深。现在随着做的东西越来越多,愈发感受到对产品知识的匮乏所带来的各种不便。很多产品迭代过程中为了满足更多用户的需求会选择增加一些功能,但是每一个增加的功能都必须在界面中视觉呈现出来。这种不断叠加的功能如果不进行有效的过滤,会造成界面越来越拥挤,导致真正主流用户的流失。

其实产品功能分为两种,一种是核心功能,必不可少的,这些功能应该让每一个用户都能在短时间内找到。例如,你在网购挑选产品过程中的“加入购物车”和“立即购买”。
除了以上说的这些核心功能,还有相对来说不是那么重要的功能。例如,网易云音乐中,你所正在播放的这首歌是否已经被下载了可以通过一个小图标来获知。对于这类次要功能用户知道很好,不知道也没有关系,不影响使用。当然设计师除了要懂产品,更要懂用户。

举个例子,现在很多品牌都通过微信长图文来进行营销。在图文设计过程,有的客户会要求在页面显眼的位置(正上方,左上角)放置产品logo。对于这个需求,我个人觉得有待商榷。因为对于用户来说,他既然关注了这个公众号,肯定知道了这个品牌,logo在这地方是否多余?但是也会有人反驳,用户看到长图文可能不是来自公众号推送,也有可能来自朋友圈的分享链接,用户对于这个品牌可能不熟悉,因此加logo是非常有必要的。从这个例子我们看出设计师为了准确的决策还要做到对目标用户群的准确定位。

总结
当然回顾自己之前的作品可能是一件非常痛苦的事情。因为以现在的鉴赏能力去看之前的作品,会发现各种各样的缺点,最后感觉自己做的东西就是一坨屎。但是我依然觉得定期回顾自己的作品是很有必要的,只有认识到自己的不足,才能进行针对性学习,进而才能完成提升。
说说梦想,谈谈感悟 ,聊聊技术,有啥要说的来github留言吧 https://github.com/cjx2328

—— 陈 建鑫

陈建鑫
footer logo
未经许可请勿自行使用、转载、修改、复制、发行、出售、发表或以其它方式利用本网站之内容。站长联系:cjx2328#126.com(修改#为@)
Copyright ©ziao Studio All Rights Reserved. E-mail:cjx2328#126.com(#号改成@) 沪ICP备14052271号-3