随步履前行 拥心畔繁花

设计思维

iXcol

摘要: 简化是对具体而繁复的画面进行提炼,简化是人的一种天性,是根据“内在需要”进行的一种自然行为,它符合形式的某种秩序和规律。

当今视觉传达设计过于喧嚣繁复,而标志设计却不断运用视觉简化的心理进行演变。这一演变正符合了人的心理需要,也符合了形式的某种秩序和规律,但并不是所有简化都能达到较好的效果。简约不等于简单,适时适合的简化才是理想的。

随着时代的发展,科学技术水平的提高,信息井喷式地涌现,但人们获得有效信息的可能性却日益降低。从某种意义上来说,已造成了视觉污染的局面。一部分设计师们反其道而行之,采用简化的视觉表现手法,用简化的标志进行宣传及推广。这种追求简化与其说是符合视觉传达设计的规律,还不如说是顺应了人们的视觉审美心理取向,符合人们视觉简化心理的需要。

人的视觉过程由视觉生理活动和与之相对应的心理经验联系在一起,从而形成相互作用的过程。“它能将看到的各种事物进行选择、对本质的把握、简化、抽离、抽象、分析、综合、补足、纠正、比较、问题解决,还有结合、分离、在某种背景或上下文关系中作出识别”。在人类的视觉系统中包含一个“简化原则”,即视觉追求形式上的简化,自觉按照刺激物的相近、相似或连续等特性将其组织为简洁完美的结构。

标志是一种特定的图形符号,体现某一事物的特殊含义和象征意义。标志通过自身的独有形象,既可以代表某一国家、机构、组织、团体、活动、企业和个人,又可以将对象的精神、理念、特征、性质和内容表达出来。标志作为可识别的图形符号,它的主要特点就是用来表明事物的特征,传达事物的信息。

简化是对具体而繁复的画面进行提炼,简化是人的一种天性,是根据“内在需要”进行的一种自然行为,它符合形式的某种秩序和规律。艺术的简化效应随处可见,视觉系统的“简化原则”包括两个方面:

①追求视觉形式上的简化,自觉按照刺激物的相近、相似或连续等特性将其组织为简洁完美的结构。

②在设计中的运用,体现在对符号等抽象、概括形体的喜好上,既能突出特征,传达意图,又能强化视觉记忆,使人印象深刻。 推荐阅读:优秀Logo设计技巧!共用形的妙用

例如美国微软公司,其在1975年成立初期时的操作系统为视窗结构,因此叫做Windows。那时的操作系统标志较为简洁明了,未使用过多的修饰及拟物形态在标志上。随后在1992年的Microsoft Windows 3.1上,我们看到对未来产生深远影响的“微软窗口”,标志包括经典的窗口,经典的四种颜色,经典波浪动态效果。这个标志给后面的Windows logo设计留下了很深远的影响。在随后的一段时间内,我们电脑的开机界面就是这个蓝天白云下的微软Windows。

直到2001年微软发布了全新的操作系统Microsoft Windows XP,原先经典的窗口标志转换为“Windows旗帜”,丰富的图形和阴影带来了3D效果,这时的logo具有一定的拟物性。此后的一段时间内,“Windows旗帜”只在标志内部发生一些变化,在外形上并未做过多的简化。直到2012年,随着微软推出全新的操作系统Windows 8 操作系统,其logo终于定下。其在新logo中首次加入了符号标志:四个小方块,分别采用蓝色、橙色、绿色和黄色设计。这四种颜色同时也代表着微软的产品,以及所服务群体的多样性。

视觉对信息有选择性地接受,排除事物的普遍性和一般性,只对事物的特殊性产生关注。在设计中的运用,体现在人们对非逻辑形式的敏感和对“中断点”的关注。格式塔心理学家发现有些形给人的感受是极为愉悦的,这就是那些在特定条件下视觉元素被组织得最好、最规则和具有最大限度简单明了的“形”。凡是能用符号编码的东西,相对来说就更容易追溯和回忆。

有时人们的视觉心理会追随那些简洁明了且具有一定组织形式及意义的对象,这里我们要举碳酸饮料巨头百事可乐(Pesicola)logo变化的例子。早在1898年百事可乐就诞生了(可口可乐在1886年诞生),同年百事可乐有了自己的logo。字体具有一定的时代气息,1898年到1940年百事可乐的标志改进都是以花体字体的造型出现的。发展到1950年后就出现了正面瓶盖的造型,强化饮料的说明性特征。其中1962年的修正方案中改变花体为等线体是一次较大的突破。

1973年的修正方案中把1962年的瓶盖造型转变为圆形,将造型简约化,增加了方形背景,使logo更突出,视觉效果更简约有力。这正符合了格式塔心理学中所强调的人们对于简洁图形的需求心理,也满足了观者自身的心理快感。在最近最新一次改标中,百事可乐将微笑上扬,又一次改变了其logo,使其逐渐变得完善,同时最大限度地运用简单明了的“形”。并且通过不同嘴角微笑的幅度,对百事可乐旗下不同的口味进行分类。

简化的形式表现在人的适应性上是一种心理需要。人类具有简化处理的本能:可以从复杂的内容中理顺逻辑关系,在“啰嗦”的语言中提取要领,还可以在千头万绪的感觉中归纳出条理。同样,视知觉也可以对自然现象加以提炼和简化,这样才能抓住特征、便于表现、存储记忆。这是一种视觉心理的需要,更是一种实用性的功能。人类的眼睛倾向于把任何一个刺激式样看成是已知条件所允许达到的最简单的形状。

在一定条件下,视知觉倾向于把任何刺激式样以一种尽可能简单的结构组织起来。就因为人眼具有如此的功能,所以设计师就把很多标志进行演变和再设计。据我的收集,大部分标志的重新设计都是由繁入简的。例如:菲亚特的前期logo以盾牌及勋章为原型,周围添加了些稻穗图形及阴影变化,较为繁复,而到后期不断简化。但标志字体还得到了保留,满足了人们对于菲亚特的视觉熟悉印象,可以说是由繁变简成功的例子。

简化的另一个特点是符合形式的某种秩序和规律,以便视知觉更容易把握,对形式关系的秩序化处理实际上是一种简化。我们在混乱的外部秩序里往往易于看清的是这类有规则的形状,这是人的一种本能。因此,我们应用最简单的图形表达最有深度的意义,有时要很好地运用视知觉心理的“有”和“无”的关系。

当然所有的事物都有一个限度,若事物限度超过了,则会出现不佳或者相反的效果。如果极简主义到达一定的高度,那么设计就变得乏味和呆板,违背了其原来的初衷。这方面失败的例子不胜枚举,在标志设计中也是比比皆是。

例如:GAP(美国著名服装公司)在2010年时进行了更换logo的计划,以下便是其前后的logo变化。新标志一出,消费者立刻进行了反对和抗议,Facebook上有72万网民反对此次换标。“虽然旧标志形象用今天的审美标准来看确实有些过时,但总好过现在这个看上去类似某个网络公司形象的标签符号;原有标志使用的衬线体字母显得非常的具有历史意义,但也并没有过分强调那些复杂琐碎的古典细节,毕竟它与传统的古罗马体还有很大的区别。

即使现在更换使用的Helvetica Neue字体本身确实相当的完美,但说实话放在这里让人感觉好像是上错了戏的演员,显得那么的手足无措,更别提右上角那个渐变色的小方块,简直与遮羞布无异”。 在消费者的声讨中,GAP公司妥协了,维持了原来的旧标。因此我们可以看到,在更换标志的时候,应当再谨慎些,很多公司因为一次不太成功的换标,从而丢掉了市场。虽然GAP只是对原来字体进行了改变,并未大改特改,但面对消费者不认同,只能妥协。

通过分析以上标志设计的演变,我们得出简化是人的一种天性,是根据“内在需要”进行的一种自然行为,它符合形式的某种秩序和规律。纵观一个或者多个企业的标志演变,从标志形式内容上来说都是进行简化演变的。这一演变正符合了人们的心理需要,也符合了形式上的某种秩序和规律,但并不是所有简化都能达到较好的效果。简约不等于简单,适时适合的简化才是理想的。研究标志设计的演变及其演变风格,对于了解和掌握视觉简化心理,具有一定的帮助。

优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理! 优秀Logo设计中的视觉简化心理!
iXcol

几乎每个设计都离不开配色,而网站上的配色基本上都是由2种到3种不同颜色组合而成,但是在很多网站我们也会偶尔看到单色配色,这些单色配色表现出极具特色的一面。那么下面详细讲解单色配色需要哪里技巧可以在网站中脱颖而出。

选择基础色

单色配色的设计最难的地方,其实也就是挑选色彩这个事情。诚然,设计师不需要进行多色调搭配筛选,但是直接决定整个设计的色彩,挑选起来其实更加艰难。

一般而言,不同的色彩有着不同的气质,传递出不同的情绪,你可以从这方面着手。

红色:爱,激情
蓝色:和谐,信任
绿色:希望,自然
黄色:乐趣,能量
粉色:浪漫,女性化
紫色:神秘,幻想
仔细想想你设计对象的品牌形象和产品定位,什么样的色彩会比较合适?

确定色彩的色相之后,接下来你需要考虑色彩的明暗和饱和度。你需要营造柔和的感觉还是明亮的效果?调整这些属性,让主色调更贴合你的设计目标。

学会调整明暗和饱和度

单色配色并不是指只有一种颜色,而是只有一种色相。我们在色环上常见的色彩,默认情况下饱和度和亮度都是100%。确定色相之后,你可以通过调整明暗和饱和度,来创造一套和而不同的配色方案。通常,我们会使用Tint(色彩)、Tone(色调,饱和度)和Shade(色度)这三个属性,来对色相下的颜色进行界定,以及调整。

Tint:用选定的颜色和白色混合产生的颜色
Tone:用选定的颜色和不同程度的灰色混合产生不同饱和度的颜色
Shade:用选定的颜色和不同程度的黑色混合产生不同色度的颜色
所以,确定了颜色之后,通过调整色彩、色调和色度,你能获得一个色相下不同的颜色,创造出有层次的配色方案。

当然,你所创造的这套配色方案内不同的颜色之间,要有足够的对比度,让用户能够识别出来。

你可以让不同的元素的色彩,在整个设计中保持色相相同明暗次第变化,构成一个阶梯型的色阶。

实际上,许多有趣的单色配色效果,在印刷品上面表现得颇为不俗。很大程度上,是因为它不仅能够呈现颜色,而且能够借助不同的工艺,实现不同的质感。

和其他元素搭配使用

由于单色配色之下,所有的色彩都在同一色相下,色彩的对比度可能没有多色配色下那么明显,所以想引导用户浏览不同的元素的时候,引导性上可能没那么明显。

当然,无论你使用什么色彩,黑白的文本通常都能保证足够的对比度,用来承载内容,也不会让整个设计显得单调。

使用颜色叠加:在叠加色彩之前,将背景的元素都转为黑白,确保叠加颜色之后,整体的色彩是一致同一的。
使用加粗字体:采用加粗字体是为了让文本内容在单色配色的背景中更容易被用户所识别。
使用阴影和其他视觉提示:这些视觉效果本身是为了在元素和背景层之间添加间隔,强化可读性。
使用插画:让单色配色和插画结合起来,能够创造更加现代的视觉体验,同时也强化单色配色的表现力。
搭配相应的图片:如果你需要在单色配色的网站中使用视频或者图片的话,不妨将网站的主色调和图片中的某个色彩保持一致。Cuberto 这个网站就是这样。

大胆使用流行色

使用流行色来作为网页的主要色调,不仅仅会让设计本身有趣而漂亮,而且能够让你的网页紧跟潮流。无论是世界上最受欢迎的马尔思绿,还是少女性爆棚的芭蕾鞋粉。

这些明亮的流行色还有一个显著的好处,就是当你做单色配色的时候,很容易调出用以搭配的其他同系颜色。

当然,如果你要选择流行色来作为设计的主色调,那么你一定要时刻关注时尚圈在流行色上的风向变化,尤其是季节性的流行色,这不仅关乎你网站配色是否适宜,而且能够为你接下来的设计提供灵感。

使用更为现代的深色系

如果你想让自己的单色配色方案情感和情绪不那么明显,可以使用更为现代的黑色、深蓝作为单色配色的主体。

其实这样的深色系配色本身很有趣,也足够独特,只不过不是那么容易创造,并且没有足够的空间来供其他的颜色来发挥。

深色系,尤其是黑色系的配色,本身就会给人很现代的感觉,同时,在这种配色方案下,使用浅色或者白色的文本,可读性会非常强。

采用“准单色”配色

这里所说的准单色配色,指的是在单色配色方案当中,加入一种色相截然不同的对比色,让整个配色方案拥有了全新的视觉焦点。

结语

单色配色本身很有趣,更重要的是,它也足够经典。不过,单色配色的缺陷也很明显,用户长时间观看之下,会很快习惯网页的这种设计,之后对于用户的吸引力并不会太过持久,所以,设计师可以适当地、定期地进行调整,确保网页的持久生命力。

看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转 看似简单的单色配色,需要这些技巧帮你玩转
iXcol

在扁平化设计刚刚兴起之时,渐变是设计师们避之不及的设计手法,然而今天它已经正式回归。几乎是在一夜之间,无数的网站开始使用渐变色。 在扁平化设计刚刚兴起之时,渐变是设计师们避之不及的设计手法,然而今天它已经正式回归。几乎是在一夜之间,无数的网站开始使用渐变色。

从背景到图片上的色彩叠加,包括UI元素上所遮盖的色彩,所有的这一切都表明渐变以一种微妙的方式回归了。不过和以往的我们所看到的渐变不同,重新回归的渐变色设计有着不一样的使用技巧和特色,更加贴合这个时代的风格和需求了。如果你也想使用,不妨从今天的设计示例中学习一下“全新”的渐变设计。

潮流的引领者

在今年早些时候,Spotify 开始在自家网站上大量使用双色调设计,将双色调的潮流带了起来。如果你仔细查看Spotify 的页面会发现,其中色彩其实是有明暗、色调的渐变效果的。

而其他的著名品牌也开始逐步回归,开始在设计中融入渐变色彩。而在线电子杂志供应商 Texture 干脆使用了全屏的渐变色彩设计。

重新流行的“新”渐变设计的案例并不只有这么点儿。更多采用类似渐变设计的网站正如同雨后春笋般涌现,类型已经不拘泥于专题页,从产品展示到电商网站,不一而足。

现在所流行的渐变设计其实并没有什么特别与众不同的规范,或者规则,它可以是多种不同色彩支架你的加变,可以是从中央到周围的辐射,可以是从上到下的自然变化,也可以是从角落辐射到其他位置,它可以作为设计的主视觉而存在,也可以是诸多特性中的一个。

渐变最实在的一点在于设计师可以轻松驾驭,使用范畴不拘泥于一时一地,自由随性地使用同样可以创造实相当不错的效果。

扁平化配色与渐变

渐变配色的回归正巧是在扁平化大行其道的今天,所以它不可避免地同大量扁平化的元素搭配到了一起,而其中最值得考虑的因素,就是色彩。某些用色最大胆、跨度范围最大的渐变色设计干脆直接就从扁平化配色中“借用”色彩。

这些色彩的使用让色彩的渐变同如今网站的现代风更加贴合,显得更加符合趋势。将渐变的设计同扁平化设计的美学特征融为一体,或者在Material Design 风格的界面中适当加入一些柔和的色彩组合,都是能带来不错的效果。

渐变色的使用对于其他的设计趋势而言,是一个不错的补充,渐变本身的缓冲作用,使得你即使要重设计也无需从头再来。

双色调的加入

双色渐变是渐变设计中的很重要的组成部分。而双色渐变同其他设计趋势的结合效果拔群,这一点值得再三强调。

而双色调渐变的唯一缺点,大概是……被用的太多了。如果你稍加注意就会发现,确确实实有一大堆网站采用了双色渐变来作为背景或者主要视觉模块,似乎没有哪种双色搭配没人用过。蓝绿和橙红搭配是用的最多的。

谨慎使用这一趋势,因为确实很容易与别的网站“撞衫”。

渐变背景图

渐变的回归,使得我们再次可以看到许多拥有景深或者纵深的背景图。虚拟现实的流行让越来越多的设计师尝试更加现实、更加立体的网站设计,毫无疑问,你会在未来看到更多这样的设计。

扁平化设计确实时尚而更易于接受,但是它缺少富有现实质感的元素也是不争的试试。试想一下自然中元素给人的感受和体验。渐变色的使用很好地缓解了这个局面,毕竟自然界中很少有特别纯粹特别单一的色彩。

不难想象,渐变色和阴影背后的概念和规则是相通的。它们为设计创造了深度和层次。

图片上的渐变色叠加

作为一种设计趋势,在图片上叠加色彩已经流行了相当长的一段时间。而从图片上的单色色彩叠加,到渐变色的叠加,是一个相当自然的“推导”过程。

在页面的背景、头图中加入渐变的色彩叠加,可以让它们的整体感更强,从而让用户注意到其他的更加重要、关键的元素,强化页面的可读性。这种设计对于大图的作用尤其明显。

在图片上叠加渐变色的技巧在于平衡色彩和图片之间的关系。色调是否要同图片的含义相匹配?叠加后能否看清图片中的细节?不同的色彩搭配方式带来的结果可能是截然相反的。

微妙的渐变与UI元素

和渐变色的流行做法不同,有些设计师选择在UI元素中使用微妙的渐变色。在较小的UI元素中,色彩变化幅度更加微妙,并且通常使用的都是单色调。

在早期的iOS系统当中,这种设计相当的常见,不过现在已经很少见到了。

不可否认,渐变色还是更适合同较大的元素搭配起来。在较小的元素诸如小图标、小按钮等控件上使用的时候,色彩梯度并不是那么容易看清楚,甚至有可能让用户分心。

但是不论是在什么情况下使用渐变设计,都不要让用户产生停下来感慨“Wow好赞的渐变”的效果,这样就喧宾夺主了。渐变是用来强化用户体验,而非勾引用户来关注设计美学的。

结语

坦率的讲,当初渐变被斥之为“过时的设计”之时,我是相当伤感的。这也是为何今天看到渐变设计回归的时候如此的兴奋。

作为设计中最常见、最基本的一种技法,渐变设计应当会一直存在下去。

原文地址:designshack
原文作者:CARRIE COUSINS

设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流 设计趋势:渐变色设计重新回归主流
iXcol

网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很简单的原则。

设计网站时,应该做什么

1、在不同设备上采用相似的设计

用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

2、导航的设计要简单易用、清晰明了

导航设计是网页可用性的基石。记住,如果用户在你的网站里找不到导航,那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因:

  • 简单。每个网站都应该有尽可能简单的结构。
  • 清晰。导航的每项对用户而言,都应该是清楚的。
  • 一致。系统的导航页在每一页中都应该是相同的。
  • 用户以最少的点击次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。

3、 改变访问过的链接的颜色

链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。

如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。

4、让页面浏览变得更容易

用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。

我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻找的时间。
用户的视线是Z字形的。

5、仔细检查所有的链接

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻找的那个页面。

6、确保能点击的元素让用户看起来就能点击

一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户,这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。

让可以点击的元素明显一点。

如上图,你认为那个橙色的框是个按钮吗?相信很多人都觉得它看起来像个按钮,但其实它并不是。

设计网站时,不该做什么

1、不要让用户等

网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。

当用户在等待内容加载时,他们很可能会变的沮丧。如果加载速度很慢,用户很可能会离开这个网站,即使是足够漂亮的加载动画设计也无法改变这个结果。
图片来自网络

2、在新标签页打开链接

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

3、整个网站充斥着广告

促销和广告会掩盖网站里的内容,也会让用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。

4、滚动劫持(Hijack scrolling)

滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。滚动劫持是用户最不喜欢的设计之一,因此,它夺取了用户控制滚动条的权利。当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。

如上图,这个页面就采用了这个设计效果。它使用单页面平行布局的方式,用右边的点来代替每个页面。

5、自动播放视频(有声音)

在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。用户很少使用这些元素,除非是在适当的时候。

Facebook会在网页上自动播放视频,但是在静音状态。但是当用户意识到自己在看视频时,用户可以自己点击屏幕决定声音的有无以及大小。

6、为了网站的美观牺牲网站的可用性

一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。

如上图,低对比的配色方案很难看清楚界面上的字。

7、使用闪烁的文字或广告

闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引用户的注意力而惹恼用户。
不要使用闪烁的文字

来源:互联网

网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么 网站设计规范——应该做什么,不该做什么
iXcol

这篇文章给大家带来的是网站登录页面的设计趋势。为了不错过任何一种设计趋势,下面我们一起来看一看。

趋势一:对角线布局

对角线布局的方式,采用一种不对称的方式布局页面,通过把视觉重量放在左上角和右下角来使页面保持平衡。

这种布局方式除了让页面更美观之外,这种沿着对角线的平衡也有助于建立良好的页面,让用户的视线可以很容易地从左上角移动到右下角——对有从左上角移动到右下角——对有从左到右阅读的语言习惯的人来说,这是完美的视觉流。

趋势二:波浪线布局

不同于传统的横竖直线,现在一些网页设计中加入弧线或曲线元素,曲线让人有流动、活跃的感觉,同时具有动感。通过应用曲线设计出一种波浪形的界面布局,能够让网站页面的呈现出一种流畅、轻快,富有活力的视觉效果。一般可以用于比较青春、活泼的登录页。

趋势三:块状分割没那么明显

Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018 Web design trend 2017/2018
iXcol

网页旧的标准色已经有很多年了,随着新的网页技术的持续发展,旧的标准色越来越不适合网页设计的发展趋势,于是有一个作者重新创建了网站默认17色标准色。

作者创建了新的标准色包含色值,替换了旧标准色值,使用的时候可以通过颜色名称直接进行新色彩的使用。
具体请查看网址:http://clrs.cc/

网页新标准色