扁平化设计这个词似乎听说得越来越多,这种强调去除冗余、厚重和繁杂的装饰效果的设计风格似乎越来越多地成为“现代感”的代名词。Windows、Mac OS、iOS、Android等操作系统的设计也已经往“扁平化设计”发展。
同时,扁平化的图标在移动系统上不仅界面美观,并且能降低功耗,延长待机时间和提高运算速度等,可以说是大势所趋了。
就如书上所说,“做好设计应该从手绘开始”,那么今天小编就带大家来绘制以“大海”为主题的手机界面设计手稿吧!
设计要点
在本设计中,主要采用蓝色背景、浪花等元素来体现主题“大海”,并在具体的图标设计时融入小鱼、船上零部件等与主题相呼应。
绘制步骤
1
用直线画出手机主题界面的大体形状,确定画面的构图,注意把握好长、宽比例关系。
2
用曲线画出波浪、浪花来划分主题界面的功能区域,用圆弧线和直线画出左边部分主要造型的轮廓。
3
添加并完善局部细节的刻画,在相应位置画出手机主题界面主要配置按钮的轮廓。
4
根据比例关系,用铅笔画出主题界面功能图标的轮廓,并添加显示时间,丰富画面的内容。
5
用445号彩铅面出手机主题界面主要背景的颜色,注意尽量不要让颜色超出轮廓。
6
用407号彩铅、444号彩铅画出剩余部分背景的颜色。
7
用487号彩铅为下角圆形造型上色,注意颜色的明暗对比关系。
8
用430号彩铅、466号彩铅、434号彩铅、416号彩铅、407号彩铅画出右边部分功能图标的颜色。注意颜色的冷暖搭配要合理,面面不要铺得太满,适当留白表现透气感。
9
为画面添加文字说明,调整并完善画面,完成绘制。
扩展阅读
《UI设计手绘表现从入门到精通》以UI设计为核心,系统全面地讲解了UI设计手绘各个方面的知识。本书内容全面,知识涵盖面广,对线条画法、透视关系、色彩知识、材质表现等都有讲解。打破常规同类书籍中的内容形式,本书更加注重实例的练习,采用手把手教学的方式来讲解UI设计手绘。本书UI设计手绘表现技法全面,既有铅笔、针管笔黑白表现UI设计手绘实例,也有马克笔、彩色铅笔UI设计手绘实例。既有图书学习教程,又有教学视频,是学习移动UI设计手绘优质的选择。
戳下方“扩展链接”即可购买哦!
本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com