UI设计基础-2017 图标设计的方法和流程 图标设计的方法和流程.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、了解客户需求 1 二、 收集已知相关图标设计 1 三、制定设计策略、设计方案、设计主题和风格 2 四、前期创意 2 五、设计草图 5 六、制作数字图形 6 七、发布阶段 7 图标设计的方法和流程 本次课程明确图标设计的原则、方法和流程，掌握图标系统化设计和细节表现的方法和技巧。掌握像素图形和矢量图形绘制的方法和技巧，并能够在界面设计中进行应用和表现。 了解客户需求 根据设计需求和前期用户研究的内容，通过人物角色来指导界面视觉风格方向，确定图标的风格，软硬件技术参数决定了图标设计的规格和相关参数。 2、收集已知相关图标设计 （1）项目的前期设计 （2）竞争对手或类似项目设计 （3）图标设计前沿 3、制定设计策略、设计方案、设计主题和风格 给图标做出与风格相关的定义，比如：扁平--拟物；抽象--具体；简约--精致；古典--现代；卡通--写实；纯色--彩色；柔和--绚丽；有框--无框。 4、前期创意 头脑风暴 在理解了功能需求和设计定位后，需要收集很多关于“概念”--“物品”之间能相互转化的元素，用生活中的物或者其他视觉产品来代替所要表达的功能信息或操作提示。 设计师的想法和灵感可能随时都会产生，但有时也需要不断激发来获得。通常概念的产生需要经过头脑风暴的过程，在这个过程中，首先由参与者选择一个启发性的主题，然后围绕这个主题不断地延伸和扩展，从而产生很多想法。 视觉风暴 头脑风暴是一个激发灵感的过程，参与者通过对主题的演绎，生成许多与最初概念相关联的关键词汇，并引发随之而来的创意灵感。头脑风暴也可以用视觉化的方式，在头脑风暴的过程中，使用各种简陋的草图来阐释相关想法与概念之间直接或间接的关系。 5、设计草图 （1）草图设计阶段，对在视觉风暴阶段绘制的元素草图进行提取和重新绘制，使其更符合透视、空间属性，特征更为鲜明，加入更多的细节。 （2）进一步对元素进行组合和构图设计，此时需要考虑最初的风格。 收集设计相关图像资料。不仅要收集现成的图标资料，还要收集表达概念的相关视觉元素图片资料，以及细节表现的参考资料，为下一步做好准备。 6、制作数字图形 将整理过的草图导入设计软件中绘制出数字图形。 7、发布阶段 电子文件成品，生成相应的图标文件格式 应用测试 反馈与修改 成品发布