ui界面设计的常用方法

ui界面设计的常用方法

ID:24440237

大小:80.05 KB

页数:4页

时间:2018-11-14

ui界面设计的常用方法_第1页
ui界面设计的常用方法_第2页
ui界面设计的常用方法_第3页
ui界面设计的常用方法_第4页
资源描述:

《ui界面设计的常用方法》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

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、对比构成

3、7、密集构成8、自由构成三、UI界面设计中实用的色彩搭配技巧1.色彩的基本理论17世纪中叶,英国物理学家牛顿发现在他的实验室中将太阳通过一个三角形的棱镜后,分为红橙黄绿青蓝紫等明亮的光谱,然后创建了色彩的理性研究。牛顿的发现,是色彩研究走上了一个正式的科学道路。1、色彩的三属性:色相、明度和纯度并成为色彩的三属性。2、色彩的冷与暖:冷色和暖色是一种色彩感觉。冷色和暖色没有绝对的区分,色彩在比较中才存在冷暖。3、色环:色环其实就是将光谱中的色彩,按照一定的顺序依次排列起,首尾相连,首尾为红色和紫色,

4、组成环形,构成了色环。在色环中分原色、间色、类似色、互补色。2.色彩搭配法1、无彩色与有彩色的布局对比2、色彩全局统一,细节凸显3、面积对比法则,用色彩划分视觉区域4、渐变法则,空间导向法5、留白法则6、顺应色彩象征与联想的原则7、顺应文化时代特征的原则、UI界面设计风格1.扁平化1.把绝特效2、界面元素3、优化排版4、如何配色5、最简单的交互方案6、拟扁平化与长投影2.拟物化如果说扁平化设计是2D的,只有X、Y轴、颜色、形状、布局。那么拟物化设计则是有深度的,多出一个Z轴,还多出一个纹理和质感。

5、3.卡通化广义上泛指对所表现的对象不使用写实和传统手法,而运用归纳、夸张、变形等方式处理的一切实用类视觉作品。五、PhotoshopCC中图层的应用1.图层类另ijPhotoshop里的图层大致有:背景图层,普通图层,文字图层、调整图层,填充图层、3DS、视频S。2.图层的基础操作1、图层的含义:图层是用于放置图像的透明画布,所看见得任何文件都是一个或多个图卜图{象的I看^力口+2、图层的基本操作:新建图层-删除图层-图层显示与隐藏-图层顺序-图层链接-图层不透明度与填充-图层锁定模式3、图层的移

6、动、复制、变换层样式1、添加图层样式2、拷贝、粘贴、清楚图层样式3、转化图层样式为普通图层4.混合模式混合模式是PS最强大的功能之一,它决定了当前图像屮的像素如何与底层图像屮的像素混合,使用混合模式可以轻松地制作出许多将殊的效果,但是耍真止掌握它却不是一件容易的事。5.Photoshop中的蒙版1、Photoshop冡版的作用2、图层'家版的创建3、图层冡版的停用、启用4、图层冡版的编辑5、蒙版的类型6.渐变工具使用“渐变工具”可以创建多种颜色间的逐渐混合。实际上就是在阁像中或者阁像的某一部分区域

7、填入一种具有多种颜色过渡的混合模式。这个混合模式可以是从前景色到竹景色的过渡,也可以是前景色与透明背景间的相互过渡货者是其他颜色的相互过渡。1、渐变下拉列表框:在此下拉列表框中显示渐变颜色的预览效果图。单击其右侧的倒三角形,可以打开渐变下的拉面板,在其中可以选择一种渐变颜色进行填充。将鼠标指针移动到“渐变下拉面板”的渐变颜色上,会提示该渐变的颜色的名称。2、渐变类型:选择“渐变工具”后会有5种渐变类型可供选择。分别是“线性渐变”、“径向渐变”、“角度渐变”、对称渐变、“菱形渐变”。这5种渐变类型可

8、以完成5种不同效果的渐变填充效果,其中默认的是“线性渐变”3、模式:选项渐变的混合模式4、不透明度:5、反向:勾选后,填充后的渐变颜色刚好与用户设置的渐变颜色相反6、仿色:勾选后,可以用递色法来表现中间色调,使用渐变效果更加平衡、7、透明区域:勾选后,将打开透明蒙板功能,使渐变填充可以应用透明设置。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。