UI图标设计-时钟.pptVIP

绘制白盘 二 四 1.再次复制一个上面做好的圆形图层，缩放一点，然后调整“渐变叠加”图层效果，如图： 绘制刻度 二 五 1.新建图层，用“矩形形 状工具”绘制一个小长 方形，填充红色， 如图： 2.按住“Shift+Alt”复制一个，拉到下面，如图： 3.选中两个图层， 按“Ctrl+E”，把它们合并成一个图层。如图： 图标设计 —— 时钟 UI 黄王龙 · HWLONG UI的概念 什么是UI 什么是UI设计 拟物设计 扁平设计 什么是UI? UI 即User Interface（用户界面）的简称 是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等 什么是UI设计? UI 设计不是美工，也不是美术绘画，需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。 对软件的人机交互、操作逻辑、界面美观的整体设计，UI设计主要分类有平面设计、WEB前端设计、移动端设计、交互设计，主要注重用户的交互体验。 原则： 1、置界面于用户的控制之下； 2、减少用户的记忆负担； 3、保持界面的一致性。 拟物设计 模拟现实物品的造型和质感，通过叠加高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张，界面模拟真实物体，拟物设计会让你第一眼就认出这是个什么东西。交互方式也模拟现实生活的交互方式。 拟物化设计的优点： 1、认知和学习成本低，外婆级的人也能看懂IOS里面几乎所有原生应用的图标； 2、各种按钮的视觉质感和按下去之后的交互效果，养成用户对这类“东西”的统一认知和使用习惯； 3、人性化的体贴：我相信有很多同学都非常喜欢ibooks的体验，用它来阅读确实是一种享受。 拟物化设计的缺点： 大多数拟物化界面并没有实现功能化，只有花费大量的时间在视觉的阴影和质感效果。 扁平设计 摒弃高光、阴影等造成透视感的效果，通过抽象、简化、符号化的设计元素来表现。界面上极简抽象、矩形色块、大字体、光滑、现代感十足，让你去体会这是什么东西。其交互核心在于功能本身的使用，所以去掉了冗余的界面和交互。 扁平化的优点： 1、简约而不简单，搭配一流的网络、色彩设计，让看久了拟物化的用户感觉焕然一新； 2、突出内容主题，减弱各种渐变、阴影、高光等拟真视觉效果对用户视线的干扰，让用户更加专注于内容本身，简单易用。 3、设计更容易，优秀扁平的设计只需保证良好的架构、网络和排版布局，色彩的运用和高度一致性。 扁平化设计的缺点 需要一定的学习成本，且传达的感情不丰富，甚至过于冰冷。 效果图 重点绘图工具 形状工具：圆形工具，圆角工具，矩形工具 PS图像处理应用 A 图层效果（难点） 投影、渐变叠加、浮雕效果、内阴影，外发光、图层叠加等 B 滤镜功能（难点） 添加杂色 动感模糊 C 效果图分解 木纹底盘 凹盘 白盘 刻度 指针 反光 环境光 绘制底盘 一 1.新建800X800像素的文档 2.选择工具箱圆角矩形工具，属性栏上的半径改成50像素，绘制正圆角矩形, 填充成黑色。 绘制底盘 一 3.设置底盘图层样式效果： 投影 参数 渐变 叠加 绘制底盘 一 4.设置底盘图层样式效果： 浮雕 参数 设置投影、颜色叠加‘浮雕后，得到如下效果： 增加底盘木纹 二 5.通过滤镜增加木纹效果：新建图层，按住Ctrl键，点刚画出来的圆角矩形载入选区，填充深黄色，选择“滤镜—杂色—添加杂色”，然后锁定图层，点“滤镜—模糊—动感模糊” 添加杂色 动感模糊 增加底盘木纹 二 6.把木纹图层的透明度改为“50%”，图层模式为“叠加”，效果如下： 二 绘制凹盘 二 1.用椭圆形状工具，按Shift， 绘制一个