手机界面设计手稿设计要点,你get到了吗?!

手机界面设计手稿设计要点,你get到了吗?!

扁平化设计这个词似乎听得越来越多ui游戏手绘图标,这种强调去除多余、繁复的装饰效果的设计风格似乎也越来越成为“现代”的代名词。Windows、Mac OS、iOS、Android等操作系统的设计也朝着“扁平化设计”发展。

同时,扁平化图标不仅在移动系统上界面美观,还能降低功耗,延长待机时间,提高运算速度,可以说是大势所趋。

书上说“好的设计应该从手绘开始”,那么今天我就带大家画一个以“大海”为主题的手机界面设计手稿!

ui游戏手绘图标_ui怎么标声调_手机手绘图

设计要点

本次设计主要采用蓝色背景、海浪等元素来体现“海”的主题,并在具体的图标设计中融入小鱼、船舶零件等以呼应主题。

绘图步骤

1个

用直线画出手机主题界面的大致形状ui游戏手绘图标,确定画面的构图,注意长宽的关系。

手机手绘图_ui怎么标声调_ui游戏手绘图标

2个

用曲线画波浪来划分主题界面的功能区域,用圆弧和直线画出左侧主体形状的轮廓。

ui游戏手绘图标_手机手绘图_ui怎么标声调

3个

新增完善局部细节描绘游戏评测,在相应位置绘制手机主题界面主要配置按钮的轮廓。

手机手绘图_ui游戏手绘图标_ui怎么标声调

4个

按照比例关系,用铅笔勾勒出主题界面功能图标的轮廓,并添加显示时间,丰富画面内容。

ui游戏手绘图标_ui怎么标声调_手机手绘图

5个

用445号彩色铅笔勾勒出手机主题界面主背景的颜色,尽量不要让颜色超过轮廓线。

ui游戏手绘图标_手机手绘图_ui怎么标声调

6个

用407号彩色铅笔和444号彩色铅笔画出背景其余部分的颜色。

ui怎么标声调_手机手绘图_ui游戏手绘图标

7

用487号彩色铅笔在下角的圆形上色,注意明暗对比。

手机手绘图_ui怎么标声调_ui游戏手绘图标

8个

用430号彩色铅笔、466号彩色铅笔、434号彩色铅笔、416号彩色铅笔、407号彩色铅笔绘制右边功能图标的颜色。注意冷暖色的合理搭配,不要在表面铺展过多程序开发,适当留白以表现透气感。

ui游戏手绘图标_手机手绘图_ui怎么标声调

9

为画面添加文字说明,调整完善画面,完成绘图。

ui游戏手绘图标_ui怎么标声调_手机手绘图