zoukankan      html  css  js  c++  java
  • 图标的基本知识

    图标的分类

    1按功能分

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

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

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

    2、按设计风格分

    a、剪影图标

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

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

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

    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、将草图实现成为最终图片。

  • 相关阅读:
    关于Xil_Assert断言产生的死循环,导致程序未执行的问题
    Unable to connect to ps7_cortexa9的参考解决方案Zedboard,zynq
    Xilinx SDK下载时出现的几个问题总结
    深入分析SCU GIC驱动 1 ZEDBOARD,ZYNQ7000
    Git命令行介绍和使用说明(持续更新)
    常用快捷键—Webstorm入门指南
    数组和链表的关系
    把Sublime Text 2固定到Ubuntu启动器
    Node的Eclipse插件 Nodeclipse
    Sublime 自定义格式化快捷键
  • 原文地址:https://www.cnblogs.com/feiyu1111111111/p/5049057.html
Copyright © 2011-2022 走看看