西安天琥设计培训学校 培训资讯

新人怎么学习UI设计

来源:西安天琥设计培训学校  时间:2024-07-18 15:51:26

新手在练习界面时,首先得搞清楚界面设计规范,其主要包括界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击等。今天西安天琥设计培训学校来告诉大家新人怎么学习UI设计。

  以下就是西安天琥设计培训学校努力为大家编辑的内容,希望能帮助到大家!

  那么新人学习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网页设计也是我们经常会接触到的,这里小编为大家分享几种网页设计的方法:

  第1,文字间距、行距都是留白,而这种距离如果太过统一和拥挤画面就会死板,所以在文段较多的情况下,我们可以适当调节文段的距离来改善画面的效果,也就是加大文字间的留白。

  第二,比如某个元素内部又有其他元素,那么这个元素内部区域就需要合理的留白,内部元素不能太满,也不能太偏。

  第三,元素跟元素之间要有一个合理的留白,不然就会拥挤难受。

  第四,除满版型排版以外尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素,在画面中,那样反而会抢了主体,比如这个下图,其实竹叶也可以表达所需的意思,而且更灵动。

  第五,装饰元素在做飘散时不要集中在一个区域,那样会让某个区域留白不够显得拥挤,还会显得图片的感觉小气,飘散的元素我们尽量做的大气一些,挥洒些,弥补周边空旷的同时又能让画面大气。

  第六,留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。

  在学习UI设计过程中,正确的学习方法非常重要,能让自己在学习的路途中少走很多弯路!

尊重原创文章,转载请注明出处与链接:http://xatianhu.5zix.com/news/125755/ 违者必究! 以上就是西安天琥设计培训学校 小编为您整理新人怎么学习UI设计的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

西安UI设计实战就业培训班

西安UI设计实战就业培训班

UI设计培训通常包括基础课程、专业技能课

咨询 报名

西安网页设计精英培训班

西安网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

西安电商设计运营培训班

西安电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

西安室内空间创意培训班

西安室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

西安平面视觉设计创意培训班

西安平面视觉设计创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名