IT培训网 - IT职场人学IT技术上IT培训网
天津界面设计培训学校 4个界面设计方法分享
时间:2016-09-08 17:19:41 来源:UI培训网 作者:IT培训网 已有:名学员访问该课程
界面设计过程中,我们在参考、设计、评审,都采用近似的标准来达到界面设计和视觉的一致性,IT培训网总结了4个界面设计方法,大家可以看一下。
在不同的主题框架下设定一致性的前提,是至关重要的,只有当物体的表象被设定了一个对应的前提,所谓的视觉一致性才得以成立。在具体设计过程中,就得事先提炼一个一致性的主题框架,在这个主题框架下去选择必须囊括的一致性的前提点进行组合,以达到视觉效果一致性的设计和判断等目的。
色彩的表现:
色彩运用产生的感觉,丰富而多彩,是影响视觉一致性比较重要的前提点。
前提点可以分为颜色绝对的一致,如色相、纯度、明度的绝对一致或差别细小。退一步有单纯的色相的一致,或者明度相同,相似色组合的色彩一致。如果不同产品产品之间考虑到某种似亲非亲的关系,他们的颜色组合还有相似色、三色组、全色相换等组合产生的色彩感觉一致性。
在色彩具体的单个假面表现运用上也有一些色彩的一致性前提,比如单色的渐变手法,双色的渐变手法,双色的运用又有相似色,互补、分裂互补等调和方式。如此细节的考虑,可以使一致性在多个方面来影响目的,通过这些被经常称作色彩感觉的感性事物来达到视觉效果一致性的目的,而不仅仅是只认定单一颜色相同才算是一致的狭义上的一致性,否则将直接造成设计想像的单一。
界面的厚度和质感的一致:
界面的厚度是影响界面视觉效果一致性的另外一个重要前提点。因为造成界面的厚度基本是因为质感表现的原因造成的,所以两者放在一起来阐述说明。
界面的厚度是造成界面效果给用户视觉沉重感的一个原因,当然也能经常听到颜色明度的高度也能造成页面的沉重感的观点。虽然事物的明度联系自然界的真实物体,以及人的心理感受,应该有一定的道理,但是明度低的颜色也却可以通过质感的表现来化解沉重感。所以对应自然界的物体,厚对比薄,界面的厚度来的影响会更加直接。所以他们是直接影响视觉效果一致性的一个前提。
而界面的厚度很多情况下是通过质感来完成表现。如弧度的表现,真实物体的模仿、光影强弱的再现等等。质感很大成都上直接决定视觉风格的走向,他在一致性的前提点里重要度极高。但同样在包含在主体框架的指引下,比如:水晶质感、平板质感、木纹质感在同一产品的不同版本框架下,设计延续的一致性显然是不甚理想的。但如果这些质感效果在同一产品的个性皮肤框架下,他们都可被看作是一致的。
组件细节的表现:
关于组件统一表现的观点,很多人已经非常认同了,事实上大家也是这样在做的,比如QQ2009后制定的视觉规范,已经直接影响了一些产品的组件设计。对各个组件在视觉上的表现做了必要规范。但是在组件以外,或者其他视觉元素的细节表现上可以套用同样的设计手段,在相同属性的界面下选用同一种方式去表现,从而达到影响整体的界面视觉效果的一致性。这一类的表现有很多,随意从展示界面的可视部分举几个例子:
在界面表现中,如此到达界面效果一致性的前提点还有很多,这里的举例只是开一个头表达观点,举例的效果也仅仅是从自身的界面中提取出来的其中一种特定表现。一致性的视觉表现也并不是将我们最终所能获取到位的前提点全部满足,而是根据界面系列的不同属性,对所有一致性的前提点根据属性来抽取组合,达成主题下的界面视觉效果一致性,这才是重点。
形的表象:
界面的形具体分为外形,内形。外形侧重界面的外在具体形状。内形对界面的内容进行并列和分割。
外形方面:每一个产品的主界面外形都是来源于软件本身的特点,这个不能作为一个界面视觉一致性的重点参考。这个比较好理解,比如即时通信界面,不可否论他肯定有被改变的一天,但至少在目前看来长条形的竖形界面是给用户的第一直观感受。至于长条形的宽度和比例,将会作为一个参考要素影响到界面视觉效果的一致性。所以当相同属性的界面在趋于同样外形的同时,考虑到产品特点,也需要适当的顾及互相之间的外形感受。当然还有一些细节的处理方式也会在必要的时候造成界面视觉效果的一致性,比如外形的圆角弧度、界面边框的厚度就是必须需要注意的细节
内形方面:内形方面除了同属性的界面他们因为功能的近似而产生的布局结构外,他们的并列方式、分割方式应该采取相应的一致性前提,比如线条的划分、两种色彩的划分、质感的结构划分、用户意想的划分⋯⋯
每一个设计都有不同的视觉表现,形、色、质相辅相成。每一个界面也有不同的组成元素,文字、组件、图标交融交错。每一个组成部分都有特定条件下的前提以促成他们在视觉表现上的一致性。本文的重点是对一致性的前提概念进行确立的探讨。而不是去梳理作为一致性前提的每一个具体实在可触碰的点,因为这是一个庞大的内容,必须细致的区分每一个主题框架下组成部分的一致性前提点,以及这些前提点在特定条件下的取舍与组合。以来对应特定产品系列的一致性概念。
每期开班座位有限.0元试听抢座开始!
温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。
- 上一篇:让界面设计更人性的几种细节设计技巧
- 下一篇:UI设计中按钮的设计方法和设计技巧