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