图标的基本知识
作者:优漫动游设计部 2023-08-07 17:01 查看: 236

  a、启动图标:必须要考虑公司的UI颜色,与公司的logo相关,容易识别的,区别于同类的。


图标的基本知识



  b、应用图标:易识别,有交互特点的,允许配文字。

  c、功能图标如电池。又叫装饰性图标,主要用来提升设计风格

  2、按设计风格分

  a、剪影图标

  特点:线(线与阴影的结合)、面(鲁宾之杯)或者线面结合,风格要统一

  1、纯平面仅仅通过色块进行组合

  2、长投影。谷歌的四大设计:长投影、侧边栏、卡片式设计、MaterialDesign

  3、微立体特点根据相界面的明暗关系建立立体效果。

  4、轻质感颜色选取较为明亮,饱和度低。

  5、折叠风

  6、多边形

  b、扁平图标

  c、拟物图标

  d、写实图标

  图标设计的三大原则:

  1、识别性:可识别性原则,意思是说,图标的图形,要能准确表达相应的操作。换言之,就是我看到一个图标,就要明白他所代表的含义,这是图标设计的灵魂。可以当之无愧称之为图标设计的最基础原则。

  2、一致性:如果一套图标的视觉设计非常协调统一,我们会感觉这套图标具有自己的风格,这样的图标看上去也会更美丽,更专业,同时也会增强用户的满意度。

  如果我们堆砌各种不同风格的图标,显然由于没有完全配套的图标,只能东拼西凑,导致界面粗制滥造,感觉业余。体验很差。

  3、兼容性:图标设计需要考虑系统与硬件的双重兼容。

  在不同系统,不同硬件设备与不同的使用场景下,需要设计各种规格的图标。

  不建议直接的放大缩小设计,在设计初需要考虑好适配时的预留修改空间。

  图标创意设计步骤:

  第一步:主题(主题包括两个部分:造型主题与色调主题)

  1、首先确定明确设计的主题与客户的要求,在不明确的情况下,要进行分析沟通,确立主题。

  2、分析内容主要包括:主要针对人群,人群特性及习惯、场景,APP行业特性,APP所解决的核心问题与用户痛点。

  3、搜集业内已有或相关APP图标的成功设计方案,加以分析。做到不雷同以及脱颖而出。

  4、色、暖色、冷色等。

  第二步:关键词(关键词不仅仅包括设计主题)

  1、在提炼的主题基础上将关键词写下来。例如:足球咨询图标关键词为:足球、咨询。

  2、考虑其他的设计要求例如所针对人群的喜好:白领人群、在校大学生等等。还有客户的其他要求,一并写下来。

  3、推荐使用思维导图软件整理思路。

 第三步:图形化(切记不要此步骤先行,会导致思维混乱)

  1、将提炼的关键词罗列出来之后,将可以视觉化的元素,象征元素提炼出来。

  2、注意此步骤不要写的太笼统,所提炼的元素必须可以用图形展示。

  3、提炼完毕后,寻找相关素材,切忌闭门造车。

 第四步:筛检(筛检过程中可以对主题进行修整)

  1、将不直观,不够有趣、美观与其他公司相像的素材筛除。

  2、此阶段对象征性不够,无法视觉化表达的主题与关键词进行处理。

  3、素材大多不刻意直接使用,需要二次加工与修整。

  第五步:出图

  1、确立色调3-5个颜色之内为宜。确立详细构图。

  2、画出草图。

  3、将草图实现成为最终。

  广州UI设计培训,系统学习,融会贯通,直奔主流技术,节省时间,老师督促指导,学习效率高,随堂练习,及时解决问题,企业IT大牛指导实战落地项目,与企业需求无缝连接,签订就业协议,诸多合作名企,4个月后直接走向工作岗位,避免工作后的水土不服。高薪名企有增加!了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服