相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

设计师必学的UI设计技巧

妮子发布于:2018-11-26 09:04 |原作者: 郗鉴|
妮子
浙江省 绍兴市 GUI设计师
发私信 + 关注
简介: 产品图标是我们在设计界面的时候体现品牌调性和特性的图标。通过产品图标,用户就可以大概感知这个产品主要是做什么的。比如微信的产品图标是两个对话气泡,暗示了这是一款社交APP;再比如ofo的产品图标是字母ofo的组合,同时也是一辆自行车,这暗示了这款产品是共享单车的APP; ...


地理位置图标

地理位置图标的设计步骤:1.选择矩形工具单击画面输入数值,建立一个100px的圆形。然后选择这个圆形复制它,然后等比例缩小它,和之前的大圆进行布尔运算相减,得到环形。2.绘制50px的矩形,用对齐工具放在环形的左下方。3.旋转45°得到地理图标,完成。

设计师必学的UI设计技巧 飞特网 设计理论

地理位置图标

云彩图标

云彩图标的设计步骤:1.绘制两个大小不同的圆形,使用对齐工具进行底部对齐。2.绘制一个矩形,同样底部对齐。3.合并形状,完成。

设计师必学的UI设计技巧 飞特网 设计理论

云彩图标

眼睛图标

眼睛图标的设计步骤:1.绘制出一个正圆。2.复制这个正圆形,然后按着Shift + 方向键下键,并通过布尔运算得到眼睛外轮廓。3.绘制两个圆形,通过对齐工具和布尔运算工具得到最终眼睛造型,完成。

设计师必学的UI设计技巧 飞特网 设计理论

眼睛图标

铃铛图标

铃铛图标的设计步骤:1.首先用圆形和矩形合并组成主体;2.使用矩形和圆形进行布尔运算绘制铃铛底部和铃铛顶部的零件,然后进行合并形状;3.铃铛底部的半圆使用圆形和矩形布尔运算,完成。

设计师必学的UI设计技巧 飞特网 设计理论

铃铛图标

简易齿轮图标

简易齿轮图标的设计步骤:1.通过两个圆形进行布尔运算得到环形。2.绘制一个矩形,上下复制在圆形上,然后把它们俩编组和环形使用对齐工具进行水平垂直对齐。3.复制矩形编组并旋转90°,得到一个十字形。4.复制这个十字形并最终全部合并形状,完成。

设计师必学的UI设计技巧 飞特网 设计理论

简易图标

齿轮图标

齿轮图标的设计步骤:1.用AI的爆炸图形和圆形进行布尔运算画出齿轮;2.用两个圆形进行布尔运算做出里面的零件,完成。

设计师必学的UI设计技巧 飞特网 设计理论

齿轮图标

螺丝刀图标

螺丝刀图标的画法:1.用圆形和矩形做出螺丝刀主体;2.用矩形旋转并复制再布尔运算做出凹槽;3.使用矩形做出前面的造型,完成。

设计师必学的UI设计技巧 飞特网 设计理论

螺丝刀图标

苹果图标

苹果图标的画法:1.绘制一个六边形。2.将水平中间两个点向上移动。3.在中心线上下建立两个锚点,并且向下移动。4.将下面两个点向内分别移动。5.使用圆角工具将每两个相同的点一组一组拉成圆角。6.绘制一个矩形并且旋转45°,然后将左右两个点向内拉得到菱形。7.用圆角工具使菱形变成叶子造型并且旋转45°。8.使用一个圆形和苹果造型相切,完成。

设计师必学的UI设计技巧 飞特网 设计理论

苹果图标设计过程

11927

好评
27

差评

刚表态过的朋友 (11954 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

妮子
浙江省 绍兴市 GUI设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计