以下就是西安泛艺学院小编努力为大家编辑的内容,希望能帮助到大家!
那么新人学习UI设计应该如何练习?
►图标设计
图标设计是界面设计最重要的组成部分之一,作为UI设计师,这项技能是设计师必须要掌握的基本技能,新手在练习图标设计时,应当先了解UI设计中图标设计原则。
➥可识别性原则
可识别性原则即在界面UI设计中清晰明了的表达清楚相应的功能和操作。比如拨打电话图标,用户不需要看文字只需要看图标就知道是拨打电话用的。
➥差异性原则
即在界面UI设计中的每个图标之间要有一定的差异性,这样比较容易辨别与区分。如下图的界面UI设计所示如果每个图标彼此之间很相似的话就会很难分辨。
➥统一性原则
统一性原则表现在界面UI设计中的形状、样式等风格层面。如下图图标都用了线条,并且图标都比较圆滑。
►APP界面设计
新手在练习界面时,首先得搞清楚界面设计规范,其主要*括界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等。
➥页面布局规范
页面布局和交互规范上建议安卓、iOS尽量统一,分别做相应的微调后输出适用安卓和iOS不同的尺寸要求即可,这样可以避免安卓和iOS分别设计一套稿子。
➥标准色规范
➥标准字规范
文字是APP主要信息的表现,尤其新闻阅读、社区APP等制定标准的设计规范和良好的排版方式,用户使用APP也觉得毫无疲劳感,这一点很重要。
➦界面元素间距
APP界面要给人简洁整齐,条理清晰感,依靠的就是界面元素的排版和间距设计。
➦弹层规范
弹层规范要注意分别设计安卓和iOS的弹层,比如iOS大多操作弹层由底部弹出,而安卓直接显示操作在页面中央,这样的交互操作应该遵循各自平台的设计要求。
➦Loading规范
页面loading动画是APP界面必不可少的元素,增加loading可以给用户明确的反馈,减少用户在等待功能响应引起的烦躁感。
➦图标/按钮规范
➦页面加载失败、页面为空展示
页面加载失败、页面为空可以统一规范为NPC、文案、按钮。要注意根据不同的场景显示不同的NPC和文案。
这里为大家分享一个APP扁平化启动页视频教程↓
►Web网页设计
Web网页设计也是我们经常会接触到的,这里小编为大家分享几种网页设计的方法:
*,文字间距、行距都是留白,而这种距离如果太过统一和拥挤画面就会死板,所以在文段较多的情况下,我们可以适当调节文段的距离来改善画面的效果,也就是加大文字间的留白。
第二,比如某个元素内部又有其他元素,那么这个元素内部区域就需要合理的留白,内部元素不能太满,也不能太偏。
第三,元素跟元素之间要有一个合理的留白,不然就会拥挤难受。
第四,除满版型排版以外尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素,在画面中,那样反而会抢了主体,比如这个下图,其实竹叶也可以表达所需的意思,而且更灵动。
第五,装饰元素在做飘散时不要集中在一个区域,那样会让某个区域留白不够显得拥挤,还会显得图片的感觉小气,飘散的元素我们尽量做的大气一些,挥洒些,弥补周边空旷的同时又能让画面大气。
第六,留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。
在学习UI设计过程中,正确的学习方法非常重要,能让自己在学习的路途中少走很多弯路!