Photoshop创意设计项目实战（Photoshop 2021）课件 项目4 图标创意设计

SP图标创意设计第4章项目任务01图标的作用02图标创意三步曲03图标的用色04

图标的设计手法05

图标创意设计知识目标了解图标的作用和设计原则；掌握图标创意设计三步曲；掌握形状工具、颜色填充、图层样式的操作方法。能力目标能使用形状和颜色填充等工具绘制简单的图形；能使用图层样式制作图形的立体效果；能独立完成图标的设计和制作。素养目标以【图标设计-中国元素图标设计】为载体，实施标准化和规范化的操作，有利于职业岗位的工作任务引领，精益求精。通过项目制作，培养学生的职业规范和精益求精的工匠精神，树立严谨务实的学习态度。教学目标教学重点图标创意设计三步曲图标的设计与制作教学难点如何运用广西壮乡特色民族文化元素，融入图标的创意设计重点难点图标是界面中重要的信息传播载体，精美的图标设计能起到画龙点睛的作用，有效提高点击率和推广效果。本章主要介绍形状工具、自由变换、颜色填充、图层样式等方面的应用和技巧。通过本章的学习可以根据设计任务的需要，绘制具有中国元素的特色图标，并能为绘制的图标添加丰富的视觉效果，完成【图标设计】中国元素图标设计。图标设计项目设计项目引入图标的作用思考：路牌标识有什么作用？

高辨识度-传达事物特征

快速引导-提示行动图标的作用图片+文字”的图标表现

高辨识度-更容易传达事物的特征。

快速引导-有效提示行动指引。

功能引导-在有限的空间里可放置更多的内容。

增强趣味性-美观度和科学度都需同时具备。

指引用户的行为切入点图标创意设计详解一个完美的图标，应该呈现该物体的主要特征元素，保持图标的精准简约。做图标设计时，要通过图标设计指引用户的行为。图标造型色彩确定图标创意设计详解相机图标是手机界面中最常见的图标，也是UI设计师入门级的基础图标。观察并分析相机结构图，设计一枚扁平化风格的相机图标，要求图标具备醒目、简洁、易辨识等图标基本特点。任务要求:相机结构图【图标创意·任务要求】

关键词找图片拍照、照片、相机、照相机、数码相机【图标创意·三步曲】第一步：现实图库-提升图标设计辨识度。（关键词找图片）具象化名词相机、照相机、数码相机生活图库找百度搜图、视觉中国、海洛创意【图标创意·三步曲】第二步，基础造型图库-参考造型、优化辨识度。（找基础造型）

Iconfont网站阿里巴巴矢量图标库有大量的图标造型高辨识度找出具有高辨识度的图标【图标创意·三步曲】第三步，视觉样式图库-参考样式图标，找趣味性。（找参考样式）创意搜图花瓣网、站酷、昵图网等找参考样式【图标创意·相机效果图】通过找出的参考样式图标设计图，融入自己的创意想法，加入设计元素相机外壳镜头镜头光+=+=+=+【图标创意·相机分解图】+【图标创意·相机设计图】图标的用色图标进行科学配色是成功设计的关键，配色影响图标的设计，甚至会影响后续设计的成败，需要了解色彩的情绪和语言。通过色彩解读，实现用色科学，从色彩情绪、业务联系、邻近色原则三个方面进行考虑。橙色系-整租、合租；红色系-品牌公寓；蓝色系-地图找房；绿色系-房屋委托。这样配色的原因和理由是什么？思考：图标的用色-色彩情绪橙色系、红色系-“活力、热情、热度高”,适合整租、合租、品牌公寓的营销理念；蓝色系-“科学、可靠、稳重”,适合地图找房；绿色系-“安心、放心、健康”,适合房屋委托。图标的用色-业务联系整租、合租、品牌公寓三块内容，在产品业务功能上有共同特性，最好使用同一色系的邻近色图标，内容整体，能让人更容易辨识业务联系。图标的用色-邻近色原则取色环上类似属性间的60度以内夹角的邻近色搭配。图标的设计方法APP界面设计中常使用大量的图标，怎么让APP的小小界面，发挥出图标的大作用？增强图标的功能引导和趣味性，使图标具备美观度与科学度，提升图标的视觉效果。可以通过增加主体元素的层次性、主副体元素之间的阴影分割，增加图标的立体感和层次感等设计细节考虑，常用设计手法有三种。项目实战—中国元素图标设计学习目标:掌握形状和颜色填充等工具绘制图标。重点：形状工具的运用。难点：中国元素在图标创意设计中的运用。【必做项目】完成中国元素图标设计。【完成时间】2课时项目职业规范与工匠精神【素养目标】【主题素材】开展“三走进”活动，让企业工匠走进校园、让学生走进企业、走进生产一线，近距离感受工匠精神。质量之魂，存于匠心！工匠精神是大国崛起必不可少的精神品质，是职业发展的必然要求。弘扬务实勤奋、追求卓越、精益求精的工匠精神，培养具有精湛技艺技能、具有职业规范、具有创新精神的职业品质基础。项目新媒体美工综合设计能力提升好的层级应该具备从强到弱合理分布图标的设计要有丰富的层级布局，清晰、合理的板块划分，才能突出页面重点，有效引导用户快速阅读，提升视觉体验效果。【项目设计】APP图标设计在以下项目中任选其一完成设计。1．参考前文的【创意设计】图标设计——中国元素图标设计的设计步骤，完成至少两个主题系列图标设计。2．找国内当前热门的App进行临