大鱼

小编:今天为大家带来一些细节上面的设计规范,希望大家在完成一个UI作品时,用以下几点再次检查自己作品,使它完美~

 

都是自己总结的,不喜勿喷~~

设计规范是指对设计的具体技术要求,是设计工作的规则。一般包括总体目标的技术描述、功能的技术描述、技术指标的技术描述,以及限制条件的技术描述等。

 

 

很多人抱怨自己的作品不够优秀,但是真正让自己找问题时又不知从哪下手,从何找起!听到最多的话就是:总感觉自己作品哪里不舒服,很奇怪?这就等于考试时做完试卷明知有错误,却不会检查!本期的内容就是:通过设计中一些规范常识问题,重新审视自己作品,从中发现作品问题是否因为规范性问题所导致,提供更多审查的思路,提升作品质量!

 

 

对齐原则是设计的基础知识,也是恒久不变的设计规范,基础并不代表不重要;对齐的目的:对齐过程就是对视觉元素进行规整的过程,它可以很好的将原本互不相关的元素在视觉上建立联系,形成一条看不到的视觉线;对齐也可以在一定程度上避免画面杂乱的问题;所以当我们在审查作品时,对齐原则就是我们首先要考虑的问题,分析画面中各个视觉元素的对齐问题,哪些需要对齐?以何种方式对齐?——左对齐、右对齐、居中对齐!

 

 

分组的概念无论是在页面布局还是文字编排中都是很重要的,分组就是将一个大结构分成不同的小组,在视觉上划分层次,分组的目的:将文案信息通过分组的概念进行拆分,有利于文案信息的传达及可读性的提升,当文案信息多的时候,可以酌情分为两组、三组的形式;在页面设计中,分组的概念就是划分模块、分割整体!当我们在审查作品时,充分考虑是否将分组的概念运用好是必须的,无论是在文字编排还是页面设计时,时刻要有分组的意识,它可以很好提升整体的可读性和视觉层次,这也是一个优秀作品所必备的!

 

 

在设计作品中,对于主次视觉形象的体现是非常重要的,我们很多时候会犯的问题是:感觉所有的元素都想突出,这会导致画面因视觉信息太多而杂乱,非但没有很多的突出主体,反而因为周围元素没有弱化而抢了主体;一般主次关系的体现最直观的手法就是通过对比,无论是大小、粗细、色彩等等的形式,目的都是降低次要元素对于主体的影响、提升主体视觉注意力,从而更加鲜明的提升画面主次关系;没有主次关系的画面会给人一种画面单薄的感觉,因为整个画面没有一个点是可以充分吸引用户的,视觉没有着落点;反之,主次关系明确会提升画面的视觉冲击力,增强整体信息传达力。所以画面主次关系的明确程度也是审查作品时要考虑的因素之一!

 

 

留白一直是被很多人所诟病的一个问题,留白并不是一味的只要产品和文字,这里所说的留白是基于画面整体考虑的,比如:当画面给人一种很密集甚至有种压迫感的时候,就要考虑留白的问题,那么如何留白呢?留白不仅仅是将多余元素删除,留下空白区域,还可以通过减弱其他视觉元素的形式体现留白;反之一样,当整体给人一种空、毫无内容的时候,就可以通过添加视觉元素的形式减少留白范围,从而将画面更丰富、有内容!留白的多少无法给到一个公式,要结合画面整体的感觉来确定是否在留白上存在问题!

 

 

字体形式也是考虑的因素之一,因为每款字体所传递出来的视觉感受各有不同,字体对于整体影响也是不可忽略的,比如:很男性化的整体用了一款很女性化的字体,就会给人一种“带着女朋友去菜市场买钻戒的感觉”,难以接受!合适的字体能够将画面整体形象提上一个档次;比如:偏男性化的作品可以选用一些比较粗狂、尖锐的字体;女性化的可以选一些宋体或者纤细的字体;儿童类的选用一些俏皮、可爱、圆润的字体等等;另外注意,英文和数字尽量选用英文字体;这些问题也要时刻提醒自己要注意!

 

 

这里要说的就是在审查作品时要分析画面中的素材选用是否得当,是否有所依据;很多人选素材容易脱离主题,当我们在选取素材时一定要结合整体,而不是单纯的只看素材本身的美观度;且素材尽量高清、无白边(除需要模糊处理的);当一个模糊、有白边的素材出现画面时,会大大影响画面整体的美观度和设计感,会给人一种不专业的感觉,很多新人会出现这个问题,那么现在你可以看下之前自己的作品,是否存在这样的素材在画面上!

 

 

配色问题是恒久不变的热门话题,保险的配色方式是:画面整体不超过三种色相,且尽量出现主色、辅助色和点缀色!这是常用的配色方式,但不是唯一的,还要考虑颜色的属性是否起到给画面整体加分的作用,配色要跟着整体的风格、感觉进行,而不是漫无目的;当我们审查作品时,要考虑整体色调是否与主题相吻合!选用这个颜色的依据是什么?

 

 

最后,不可忽略的是画面的整体性,也就是审查整体,也就是各个模块的衔接程度,画面是否具有整体性,有没有视觉断层的表现;有效避免视觉断层常用手法就是:让每个模块之间存在一定视觉元素的关联性、延展性、互相作用,这样就能很好的避免画面整体性不强的问题!

 

 

当我们不会找作品问题时,不妨试试以上几种方法,逐一分析寻找不足,审查作品就等于是考试时检查试卷一样,它无法通过这个动作让你从50分的水平提升到90分,但是它可以让你的作品更加优秀,细节决定成败!无论是审查自己的作品还是评判别人的,都可以用这几点作为切入点,通过分析优化我们的作品质量!

这里所牵扯的一些审查方法,在之前文章中都有对应的解决方法,请在历史文章中自取!!

 

原文地址:站酷

作者:美工美邦

 

转载请注明:学UI网 » 应该从哪些点审查作品的不足?

登录收藏
 
你可能喜欢的:
利用增长思维,打造个人增长体系利用增长思维,打造个人增长体系
关于黑暗模式的设计,除了IOS13的做法还有这些!关于黑暗模式的设计,除了IOS13的做法还有这些!
复杂需求的加减设计法复杂需求的加减设计法
当你设计时,你应该思考些什么当你设计时,你应该思考些什么
数据提升背后的3个问题点数据提升背后的3个问题点
网页栅格系统到底应该怎么用网页栅格系统到底应该怎么用
十二的产品体验日记-01期十二的产品体验日记-01期
UI设计组件-按钮UI设计组件-按钮
开发协作-切图类别与规范开发协作-切图类别与规范
如何构建设计语言如何构建设计语言