你所在的位置: 首页 > UI设计 >

UI设计师的必备技能

2022-03-31 0阅读

什么叫做模块化整合呢?模块化整合就是在现有的元素中找出他们之间存在的共性,分类排列整齐,就和家里需要把不同东西收纳整齐是一个道理。那么今天青藤酱就来说一说具体怎么实施呢?

一、模块化整合的优点

从用户的角度看,把所有相似类目的集合起来,更容易寻找出来,从视觉上感受到页面元素的统一性,更加耐看一些。对于UI设计师而言,这不仅对于交互和视觉上,也让页面信息具有模块化。

二、模块化整合的具体步骤

1、对原型内容有一个清晰的认知

取得原形,人们必须搞清楚每一个元素存有的目地用意,并与需求方确立下列关键点:

(1)信息内容等级

通过沟通交流确定页面最关键和主次的信息内容,先后推导。有利于融合控制模块信息内容全过程中兼具视觉表述。

(2)文本信息内容和字符长短

哪些文本能够省去,哪些不可以?要是没有确立,可以依据视觉显示信息实际效果再给出提议。

(2)按键

确立是不是有引导转化的要求,按键注重的高低等。

(3)页面预估

一部分原形服务提供者会对页面有自身的设想和预估。思索是不是能够实行,成本费等等。假如不能,必须提早沟通交流并和另一方达成一致。

2、对各元素分析,整合

我们面对合并出来的版目,要学会质疑,并不是每一个原型都是没有缺陷的,那么青藤酱建议用三种方法来整理元素和各类信息。

(1)考量每个元素的重要性,如果不必要,就可以借用知识点来认证自己的想法,并提出建议。

(2)从所有元素中找出同类,把同类事物归结成一个整体来看。

(3)分层思考,按键、点击入口还有模块之间是否有层级关系。可以按顺序整理收纳。

3、构建可能性的结构与布局

前期的准备工作就说到这里,设计师可以先用手稿大概描述出来结构和布局,分布的位置,还有交互的元素种类等。这个是十分重要的步骤,在此期间,还更应该考虑设计的延展性,因为下个版本要增减字段或者功能,设计就要大改,之前的布局方案就要重新思考了。

4、执行 – 采用可行性方案兼顾思考视觉表达

在所有方案中,选出一个或者两个可行的方案,在输出内容的同时,还得关注视觉的表达形式,比如按键是否使用线框、是否使用填充、卡片是否可以使用投影、是否使用底色、多种颜色组合使用,是否让布局看起来不协调。经过一系列的摸索,选择一个最合适的方案。

5、最后的成品检查

做得越多,千万不要丢掉初心。阶段性的反思和回顾能让设计更贴合需求的目标,设计完成之后,做一个小结,不好的东西加以改正。模块设计要是做得很优秀,就可以再使用相似的样式,这样可以更方便处理。

一个优秀的UI设计师离不开模块化整合,快按照步骤行动起来吧!青藤酱希望各位设计师都能设计出令人满意的作品。

弘智网校
弘智网校