请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 18004|回复: 0
收起左侧

[设计经验] UI设计师必备技能之一[含14P]

[复制链接]
发表于 2017-11-14 10:00:47 | 显示全部楼层 |阅读模式
作为UI设计必备的技能之一就是图标的绘制。

                                                        作为UI设计必备的技能之一就是图标的绘制。
图标对于现代生活可以说是密不可分的一部分了,我们手机中的应用,网页的使用,游戏的体验,智能硬件操控等等都需要大量图标的支撑。
图标可以定义为传达意义的图形符号。可以帮助方便用户识别,提升界面的美观度。


在我们绘制图标之前需要先搞清楚图标都分为哪些!
作用可分为:
1.应用图标
2.交互图标
3.解释性图标
4.装饰和娱乐图标

绘制可分为:
1.视觉性图标
2.扁平和半扁平图标
3.拟物化图标


1.应用图标:也是启动图标,它是这个产品的象征,会结合公司Logo和品牌用色进行设计,但它不等同于公司Logo,它的作用在于可以让用户在手机中轻松,直接的找到这款应用。



2.交互图标:这种图标在APP中不仅起到展示作用,还会带给用户交互体验,用户可以通过点击来触发对应功能。



3.解释性图标:用来解释和阐明特定功能或者内容类别的视觉标记。它不参与直接的交互体验,是视觉辅助型元素。用户可以从中获取一定信息。



4.装饰和娱乐图标:这类图标会提升画面整体美感和视觉体验,不具备特定功能,会迎合用户的偏好来设计,并且会吸引住用户,具有季节性,周期性。



从绘制可分为:
1.视觉性图标:这一词是源自于排版领域,符号图标通常是包含特定的含义、特定功能。它可以是字母,也可以是图形,有的时候甚至是两者的组合。也是如今线性图标的的最开始状态,通过不同演化转变成符合现在交互体验的图标类型。




2.扁平和半扁平图标:扁平化的图标设计比起字符图标就要复杂得多,其中增加了色彩和其他元素的填充。然而和前者一样,扁平的图标同样专注于清晰而直观的视觉信息传达,为用户提供一目了然的视觉内容。

(扁平化图标)



(半扁平化图标)



3.拟物化图标:也称写实图标,正如同当初拟物化图标设计师常说的,它就是“抄现实”,尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点。拟物化图标这一设计趋势几乎是跟随着Macintosh 的诞生和进化一步一步走过来,走到极致,然后从UI设计领域开始,被扁平化设计所替代。不过,拟物化图标现在依然广泛地运用在不同领域,尤其是游戏设计和游戏类产品的图标设计当中。



图片均来源网络)



你的练习从来都不辜负时间。
加油!




感谢阅读,点赞!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x



上一篇:如何学好室内设计,才能达到月薪过万?
下一篇:PS绘制逼真相机图标-UI教程
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表