不知道自己做的设计是好是坏,怎么办?

 小编:很多设计师在设计完后感觉对自己的作品很满意,这里往往很难发现其中的问题,所以有时候会给多方审查查找出不足之处。但是有时候并没有这么多时间怎么办呢?今天给大家分享下如何用自查的方式去检查作品,作者从图形、色彩、字体、构成、质感、创新等六个方面教大家入手,一起来看看吧!

 

不知道大家有没有这种情况
,做完设计不知道,完全不知道这个页面效果好坏,那么有没有一种设计效果模型能对照呢,能让我们做完设计,或者指导他人设计时候,有一个参考标准呢?今天我分享一个方法给大家,大家可以当作自测或者设计指导用。
 

木桶定律不知道大家有没有听说?
一只水桶能装多少水取决于它最短的那块木板,一只木桶想盛满水,必须每块木板都一样平齐且无破损,如果这只桶的木板中有一块不齐或者某块木板下面有破洞,这只桶就无法盛满水。一只木桶能盛多少水,并不取决于最长的那块木板,而是取决于最短的那块木板。也可称为短板效应。
 
做设计也是一样的,
设计的效果就是像木桶里面的水,必须每个细节都处理到位,里面一个细节没有处理好,就会影响整体效果,所以设计师要学会对自己设计有很好的认识,知道怎么去找到短板并去优化它。
 

一.系统的拆解设计 


 
我们来拆开看任何一个设计,比如iOS设置页面设计,由哪些元素组成呢,我们来逐步拆解:

 
图形:我们把字体和颜色去掉,页面很重要组成部分就是形状,圆形还是方形。
色彩:除了形状以外,就是色彩,色彩是用户最直观的理解。
最后就是
字体,样式,风格等等!任何设计都是由这些元素组合而成,
也就是我们常说的形色字构质!

我们看任何一个设计,都应该像庖丁解牛一样,对于设计的每一个模板进行设计拆解,去了解它每个设计具体的环节。
 

二.怎么看网页?


比如这个网站设计,可以从哪些维度去看,找到可优化的空间,我们可以一起来解剖下:
 

1.色彩

色彩是设计的三大构成之一。色彩最直观也是用户最能感受到的,而一个网站给人的留下的第一印象就是铺面而来的色彩氛围。

▲ 当前的配色:背景灰+黑白色文字+黄色标题+黄色几何色块点缀
 
解剖:
1.色彩在页面中,每个元素是怎么运用的?
2.二级三级页面是如何保持色彩一致性的?
3.这种配色需要注意的要点?
 

2.排版

排版是视觉组织内容的方式,是引导用户阅读信息的手段。

▲ 当前的版式:大面积留白+上下结构+ 上文下图
 
解剖:
1.从上到下有几种版式?有规律吗?适合什么样产品?
2.主副内容的处理方案是怎样的?
3.二、三级页面是否模板化?扩展性如何?
 

3.空间

空间是内容与设计的空间,是页面呼吸感很重要的要素。

▲ 当前的空间:文字和图形交错出来,形成一种流动感
 
解剖:
1.这样做要突出什么?
2.黄色设计元素和文字关系是如何处理的?
3.实现的细节是什么样的?
 

4.品牌

品牌是网站页面的眼睛,品牌演绎成页面中的元素,成为组织内容的核心。

▲ 当前的品牌:品牌黄色
 
解剖:
1.品牌在页面中怎么呈现的?
2.品牌感是否因为这些方式加强?
3.品牌辅助图形有哪些?
 

三.怎么看图标?


图标可以从以下几个维度去拆解:
 

1.造型线条

造型和线条是图标的气质传递,不同的造型和线条影响整个图标的调性。

▲ 当前的线条:圆润线条,断点
 
解剖:
1.线条细节怎么体现的?
2.造型细节传递出什么感受?
3.适合什么类型的产品?
 

2.空间透视

空间透视是一个图标体感很重要的点,平面和三维的图标感官是完全不一样的。

▲ 当前的透视:2.5D透视,非常有方向感
 
解剖:
1.透视角度怎么体现的?
2.透视细节如何处理的?
3.这种透视怎么拓展?
 

3.质感肌理

质感肌理是图标的细节表现,图标风格有很多种,什么样产品用什么样的图标风格,需要对症下药。

▲ 当前的质感:霓虹灯,发光质感,细节丰富
 
解剖:
1.霓虹灯,光感怎么画的?
2.元素前后关系怎么处理的?
3.运用场景有哪些限制?
 

4.惊艳细节

细节是这个设计从60分到80分最关键的点,一个好的设计,一定有一个惊艳的细节打动你。

▲ 当前细节:蛋糕的细节,小人的表情以及拟物细节
 
解剖:
1.细节符合产品定位么?
2.细节的延展性如何,适合哪些场景?
 

四. 怎么看界面?


 

1.信息布局

信息布局是体现信息优先级,也是设计最优先考虑的,如何合理将内容信息组织好是第一优先原则

▲ 当前布局:运用卡片布局,通过色彩,大小来体现优先级
 
解剖:
1.卡片布局有什么优点?
2. 卡片里面元素之间关系如何处理?
3.卡片运用在那些地方,那些地方不用卡片
 

2.色彩关系

色彩是用户第一直觉反馈,不同色彩代表不同的情感!如何让你的色彩更和谐,乱而不花,少而不单调,是需要去思考的。

▲ 当前色彩:马拉龙配色,低饱和度明亮,年轻化感受
 
解剖:
1.色彩之间颜色有多少种?
2.主色调是什么,辅助色有哪些?
3.色彩运用场景有哪些?
 

3.控件造型

控件和造型是图形的一部分,自定义的控件和系统控件成本是不一样的。

▲ 当前控件:基本自定义的,优点比较个性化,符合车这种产品动感造型
 
解剖:
1.扩展性如何?
2.技术如何实现?
3.能沉淀组组件通用化么?
 

4.质感肌理

质感肌理重要性不言而喻,是产品精致与细节的表达很重要的点

▲ 当前质感:色彩叠加,微渐变,明亮配色
 
解剖:
1.色彩适合什么样人群特点?
2.配色规律如何?
3.质感表现手法怎么表达的?
 

5.交互关系

产品的交互形式怎么样,每一步的操作如何,上下页面如何连接的,交互形式用户是否熟悉。

▲ 当前交互方式:手势滑动选择歌曲和调节音量
 
解剖:
1.这种滑动操作有什么不好的地方?
2.用户是否都能接受这种操作?
3.这种交互方式是什么限制?
 

五. 怎么看LOGO? 


 

1.图形寓意

寓意是LOGO的魂,如何把LOGO的行业和特点,创意结合起来是非常不容易的事情。

▲ 当前寓意:整体寓意Logo外围由两条弧线汇聚成圆,寓示项目集办公、住宅、酒店、商业、观光等多个产业功能
 
解剖:
1.这种线条延展性如何?
2.和行业特点是否贴合?
3.识别度怎么样?
 

2.延展性

标志最终是要运用的,运用的场景效果如何,放到实际环境中效果和识别度怎么样。

▲ 当前延展性:无论在印刷物料,还是在大楼上都很简洁大气,符合这个高楼气质和调性。
 
解剖:
1.LOGO使用环境如何?
2.各个物料上运营是否协调?
3.辨识度如何?
 

3.字体

字体是非常重要的元素,有的产品特质就通过字体体现,比如香奈儿,LV大牌等。

▲ 当前字体:衬线体,非常优雅,和整体的LOGO图形本身一样,一气呵成
 
解剖:
1.运用的什么字体?
2.字体有没有单独处理?
3.字体和中文搭配如何?
 
拆解设计元素基本就是上面的这些方法,拆解每一个设计零件,然后针对零件去详细设计,去找设计的发力点,那么我们掌握这些零件后,如何去指导一个人的设计呢,或者自己做完后,怎么去看?
 

六.设计效果细节模型 

前面分享了,一个设计我们需要关键那些重要元素,那么一个设计稿,我们要从 哪些维度去看画面效果,在设计过程中去检查自己效果呢,这里我做了一个模板给大家,大家可以对着去自查,这套模板基本覆盖了品牌设计,UI设计,创意设计等我们来看看:

 
  1. 图形:造型/细节/透视/线条/质感/使用环境
  2. 色彩:平衡/人群/情感/干净/行业/明暗关系
  3. 字体:字重/线条/比例/衬线/识别度/字距
  4. 构成:对称/空间/主次/重复/秩序/放射
  5. 质感:细腻/层次/呼吸/通透/轻重/高级
  6. 创新:寓意/品牌/调性/感动/情绪/冲击
 
举例说明
我们来看看如何在日常工作中,通过这个公式来指导我们的设计!下面我从网上随便找到的一些案例,没有任何的恶意,只是交流使用


▲ 通过自查表可以发现的问题:
图形:细节不够细致,还可以提升
色彩:背景的高斯模糊和卡片的设计颜色不够干净不够协调
字体:卡面字体识别度不够,数字基本看不清楚
构成:构图的空间不够平衡,上下过松,卡片过紧
质感:不够高级,风格比较成就,有山寨感
 


▲ 通过自查表可以发现的问题:
图形:六变形,圆形,各种异形整体特别混乱
色彩:没有主色调,橙色,绿色,黑色比例没有主次,灰色深
字体:图片上字体导致图片看不清楚,按钮看着像不可以点
构成:很乱,元素到处飘着不知道看哪里
质感:不够细腻,旧
创新:品牌感完全没有体现
 


▲ 通过自查表可以发现的问题:
图形:红包造型不够明显,看不出是红白
色彩:配色不干净,没有层次
字体:字体缺乏对比,没有字粗细大小对比
构成:空间感和主次比较欠缺
质感:不够精致,不高级,红包不高级
创新:调性上,视觉冲击力不够
 


▲ 通过自查表可以发现的问题:
图形:透视不够准确,瓶子底部太平和顶部透视不和谐,同时瓶子的线条太细了,和整体不吻合,另外页面环境色彩也可以增强
色彩:瓶子边缘线条灰色太脏,瓶子后面的前景和后面的明暗没有出路
字体:下面圣诞节快乐字体太小,对比不突出,识别度难
构成:目前构成是不是可以更加热闹,构图可以尝试放射
质感:圣诞树的质感层次,礼物大小,元素可以对比加强
创新:可以加强一些故事性在里面
 
你会发现,我们通过这个表格去对照,或者去指导别人的设计,就会更合理,我们的建议也非常的专业,当然前提你必须对审美有很好的理解!
 

最后 

今天教大家这个方法,
其实就是思考问题的一个体系,先学会系统拆解设计,了解设计的每一个元素,然后在系统拆解的基础上,去做局部创新。在设计的过程中,学会从形色字构质,创新维度去检查我们的设计,不断锻炼设计手法以及设计的维度,让你的视觉画面感越来越和谐,效果越来越好。

 

原文地址:我们的设计日记(公众号)

作者:skys

 

 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码