《UI界面设计的常用方法》由会员分享，可在线阅读，更多相关《UI界面设计的常用方法（7页珍藏版）》请在装配图网上搜索。
1、UI界面设计的常用方法一、UI界面设计中的设计方法1. 方法与方法方法是指在任何一个领域中的行为方式它是用以达到某一目的的手段的总 和。方法论是以方法为研究对象并形成独立的科学。2. 认识论和设计方法我国传统文化中蕴含的设计观念和方法:“天人合一”,指的天时、地气、材 美、工巧合四为良。设计方法学的关键是针对设计条件的集合寻找最佳的解决方案。3. UI界面设计中实用的设计方法(1) .心智图法又称为思维导图法(2) .情境化设计法(3) .现代设计方法二、UI界面设计中实用的构成方法1. 什么是构成构成就是将造型要素按照一定的原则组成具有美好形象和色彩的一种新的形 体。2. 形式美法则形式美的
2、概念有广义和狭义之分。广义的说形式美就是作品外在形式所独 有的审美特征因而形式美表现为具体的美的形式。狭义说形式美包含两个方面 一是指构成作品外在形式的物质材料的自然属性二是指这些物质材料的组合规律。形式美法则:1、变化和统一2、对称与均衡3、节奏与韵律4、联想与意境5、调和与对比6、反复与连续7、统觉与错觉8、适应与照应3. 构成的思维方式1、重复构成2、近似构成3、渐变构成4、发射构成5、特异构成6、对比构成7、密集构成8、自由构成三、UI界面设计中实用的色彩搭配技巧1. 色彩的基本理论17世纪中叶英国物理学家牛顿发现在他的实验室中将太阳通过一个三角形 的棱镜后分为红橙黄绿青蓝紫等明亮的光
3、谱然后创建了色彩的理性研究。牛顿 的发现是色彩研究走上了一个正式的科学道路。1、色彩的三属性:色相、明度和纯度并成为色彩的三属性。2、色彩的冷与暖:冷色和暖色是一种色彩感觉。冷色和暖色没有绝对的区分 色彩在比较中才存在冷暖。3、色环:色环其实就是将光谱中的色彩按照一定的顺序依次排列起首尾 相连首尾为红色和紫色组成环形构成了色环。在色环中分原色、间色、类似 色、互补色。2. 色彩搭配法1、无彩色与有彩色的布局对比2、色彩全局统一细节凸显3、面积对比法则用色彩划分视觉区域4、渐变法则空间导向法5、留白法则6、顺应色彩象征与联想的原则7、顺应文化时代特征的原则四、UI界面设计风格1. 扁平化1、拒绝
4、特效2、界面元素3、优化排版4、如何配色5、最简单的交互方案6、拟扁平化与长投影2. 拟物化如果说扁平化设计是2D的只有X、Y轴、颜色、形状、布局。那么拟物化设计则是有深度的多出一个 Z 轴还多出一个纹理和质感。3. 卡通化广义上泛指对所表现的对象不使用写实和传统手法而运用归纳、夸张、变 形等方式处理的一切实用类视觉作品。五、PhotoshopCC中图层的应用1. 图层类别Photoshop里的图层大致有:背景图层普通图层文字图层、调整图层填 充图层、3D层、视频层。2. 图层的基础操作1、图层的含义:图层是用于放置图像的透明画布所看见得任何文件都是一 个或多个图层上图像的叠加。2、图层的基本
5、操作:新建图层-删除图层-图层显示与隐藏-图层顺序-图层链 接-图层不透明度与填充-图层锁定模式3、图层的移动、复制、变换3. 图层样式1、添加图层样式2、拷贝、粘贴、清楚图层样式3、转化图层样式为普通图层4. 混合模式混合模式是PS最强大的功能之一它决定了当前图像中的像素如何与底层图 像中的像素混合使用混合模式可以轻松地制作出许多特殊的效果但是要真正掌 握它却不是一件容易的事。5. Photoshop 中的蒙版1、Photoshop 蒙版的作用2、图层蒙版的创建3、图层蒙版的停用、启用4、图层蒙版的编辑5、蒙版的类型6、渐变工具使用“渐变工具”可以创建多种颜色间的逐渐混合。实际上就是在图像中
6、或 者图像的某一部分区域填入一种具有多种颜色过渡的混合模式。这个混合模式可以 是从前景色到背景色的过渡也可以是前景色与透明背景间的相互过渡货者是其他 颜色的相互过渡。1、渐变下拉列表框:在此下拉列表框中显示渐变颜色的预览效果图。单击其 右侧的倒三角形可以打开渐变下的拉面板在其中可以选择一种渐变颜色进行填 充。将鼠标指针移动到“渐变下拉面板”的渐变颜色上会提示该渐变的颜色的名 称。2、渐变类型:选择“渐变工具”后会有 5 种渐变类型可供选择。分别是“线 性渐变”、“径向渐变”、“角度渐变”、对称渐变、“菱形渐变”。这 5 种渐变 类型可以完成5 种不同效果的渐变填充效果其中默认的是“线性渐变”置。3、模式:选项渐变的混合模式4、不透明度:5、反向:勾选后填充后的渐变颜色刚好与用户设置的渐变颜色相反6、仿色:勾选后可以用递色法来表现中间色调使用渐变效果更加平衡7、透明区域:勾选后将打开透明蒙板功能使渐变填充可以应用透明设
UI界面设计的常用方法
