浅谈网页设计风格的变化

如同人们了解的如古典主义、印象派、立体主义等等, 艺术是具有时代风格的。同样, 现代艺术设计在独特的时代背景下处处刮起了简约风尚, 网页设计也不例外。这与时代发达的信息通讯技术有很大的关系, 现代社交网络完全融入人们的生活中, 无时无刻大量的信息流通使得人们越来越厌恶繁琐的交互设计风格, 简约风格能让视觉暂时轻松, 很好的融合文字信息, 使人浏览信息有条理、不繁琐。所以, 简约设计风格不仅在改变人们的审美习惯, 更是在改变人们的阅读习惯。

一、简约

简约就是简化使用过程, 使用户感觉方便的一种贴近常人使用习惯的方法。在一件作品上添加东西是比较容易的, 而在一件完成的作品上做出删减那是十分困难的。

“简约取决于环境, 简约依赖于文化简约受制于主观。”其实简约就是具有时代性、文化性的客观因素以及设计师主观制约的产物。

时下最具有话题性的设计语言应该就是“苹果”带来的“极简主义”思潮。如何去理解这一现象, 每个人都有自己的看法。但是, 大部分人仅仅是看到了“表层”的简约样式, 其内在的深层次, 也就是最最费设计师脑细胞的简约设计思维, 大部分人可能都不再关注或者不愿去了解。这也就说明了, 为什么有些国产山寨一眼就被认出, 因为他们只注重“面子”上要过得去, 其实真正影响使用感受的“里子”都是草包。所以这样的产品思路就带来了咱们国家很难出一个像乔纳森·伊夫那样的人物。

他对每件作品都是先制作模型再研究设计, 先当匠人再当好设计师。他的精益求精与大刀阔斧都是在一次次逼近视觉和功能的极致的“简”, 他的作品让你拿到手里有种不平凡的惊艳, 是脱俗的, 这让我想起了中国的传统文化“大隐于市”或者说是一种道法, 一种盖世高人, 形于世气不凡。这应该就是极致的“简”。

所以, 再来拿“简”来比做“少”那便是孤陋寡文了。简约应该这样理解, 他是亲切、熟悉、深蕴。这也不难理解他为什么会出现在各个设计领域, 这其中当然包括网页设计。

二、扁平化

随着互联网的席卷全球, 移动终端也顺势崛起, 迅速侵占每个人的生活环境。年轻的一代对于手机ipad的了解应该不亚于亲戚朋友。我们经历了从写实风格到拟物抽象再到现在的扁平化, 这样的设计使得整体的设计思路发生巨大改变。同样, 这次转变受到了很多因素的推波助澜, 下面是其中比较显著的几项。

1、信息负荷过度

智能设备不断贴近生活, 使得我们每分秒都在接收来自各个方向的信息, 这些有我们需要的和不需要的, 但是大量的信息使得我们对于信息的筛选和接收的能力大大下降, 所以扁平化这样以“简”的设计形式可以说是带来一阵清风, 会让我们视觉上有个喘气的空间。

2、简约是金

无论是web应用还是服务, 所有以人为本的运作形式当然是越简单越好, 越容易理解, 学习成本就就越低, 人们主观上对于容易上手的东西更想多去了解, 而对于上来就复杂的东西只会另一小部分“激将派”感兴趣。这也是选择倾向的必然趋势。

3、内容为王

我想每个阅读者都是希望能准确、轻松地获取想要获取的知识, 不希望繁琐的应用、背景和UI成为主角。所以, 好的设计是能与用户沟通的, 方便用户的, 而不是打扰用户真正使用目的。

4、技术精通

随着科技不断的发展, 互联网交互系统已经足够的人性化, 加上现在时下流行的“大数据”, 科技带来的智能化已经让我们觉得不仅仅是新鲜体验, 而是慢慢的觉得是一种舒适。从原来网页以点击目标为基础, 到现在很多大公司网站以隐藏按键, 滚动或者自动弹出等很多方式来改变使用感受, 这就是技术精通带来的便利。

5、响应式设计

现在响应设计已经慢慢普遍, 如同连锁反应, 响应设计突出的重点就是足够快, 足够方便链接设备与设备。所以扁平化就慢慢成为这一方向的设计语言, 其原因就在于, 设计成本低并且美观, 其次也是比较重要的一点就是, 减少页面与页面链接加载的速度, 真正的做到快速连锁反应。

三、韵律线

熟悉网页设计风格历程不难发现。过去, 设计师喜欢多层次, 多透明度, 单一色彩的叠加镶嵌的形式布置网页, 随着大众审美不段进步以及信息总量的飙升, 时下流行的简单、明快、大气的风格逐渐主导潮流。这其中, 韵律线便担当了“视觉分割”“画面平衡”“突出层次”等等非常重要的角色。

通过韵律线可以让沉闷的画面跳跃起来, 可以让明快的画面更具沉稳, 可以让杂乱的布局更具调理, 可以让单一变为多层次。总之, 简单的线条可以在布局的结构、内容、审美平衡中起到决定性的作用。

1、第一个案例是Any For Web为MN设计的电子商务网站。这是个做家居类产品的企业, 所以设计师抓住特点采用大图片作为视觉背景, 这一点也正好迎合国外人的审美习惯, 简洁、直观、大气。但是主要的功能图片与文字还有背景图片很难做到良好的融合, 所以这里就可以采用具有分割意义的韵律线, 将背景与产品分开来, 这样既能保证整体结构统一, 也突出了产品本身, 美观大气。如图2.3-1

2、马赛克拼接图形和巨大的英文字母看似结合的非常完美, 但是这样的组合经不起推敲, 其实就是不耐看, 因为整体偏向活泼、凌乱, 不能使人长驻于此, 这样一条韵律线将视觉中心偏向文字, 分出了主次, 找出了视觉的平衡点。

3、这一案例的韵律线可以看出起着关键作用, 画面无论是卡通和文字都很多, 并且在同一平面上没有空间感。这里的韵律线就是视觉中心, 贯穿画面, 打造层次, 统领秩序, 强调视觉中心。如图2.3-4

4、这里所强调的就是, 多条韵律线分割画面。在这里可以把韵律线当成背景的一部分, 因为线条的造型与整体结构统一、相似, 它所突出的就是跳跃式的视觉冲力和完整的结构。

5、这里的韵律线可以说就不再是配角了, 它就是画面的设计结构, 用这样的方式画出的背景有律动感, 干净时尚, 符合现在简约的审美要求, 十分耐看。如图2.3-7

韵律线在很多画面上起着决定性的作用, 尤其是在现代审美中, 它可以应付多种状况, 无论是文字是多还是少, 图片是缺还是杂, 都可以在某个位置找到合适的韵律线来稳固结构, 统领视觉中心, 化繁为简。

四、垂直滚动设计

单页网页设计应该是近几年流行的一种网页设计类型, 更准确的说应该是随着移动终端发展而逐渐崛起的一类。之所以这样说, 是因为它所具备的特点, 例如不用多次翻页, 标题与内容同页面, 减少了多次翻页带来的加载延迟。垂直滚动就是依附于单页设计的产物, 他是除了点击选择的另一大突破。

如今, 随着人们生活习惯中早已掺杂着各类信息, 移动终端已经不可能脱离我们的生活。所以, 在多次接触这类产品时, 人们已经有了自己的使用习惯, 而这种“好用”的使用习惯一旦被确立就短暂无法取代, 除非再来一次革命性的设计思潮。垂直滚动就被人们贴上“好用”的标签, 所以如大家所见, 市面上基本上百分之百的移动终端都有使用垂直滚动设计。这个设计优点十分明显, 因为绝大多数移动设备都是小尺寸屏幕, 这样的情况下, 传统点按过程拖沓, 有时还需要放大内容。所以, 有了垂直滚动, 这类问题基本迎刃而解, 选取的内容可以轻松找到, 节约了翻页时间和图文加载过程。要知道, 就是这么一点点的改变就已经让无数的用户选择抛弃原始的基础点按方法了, 就连先前最多三次点按逻辑也基本降到一次, 因为现在的用户耐心度随着科技发展逐渐降低。

随着垂直滚动设计不断被人们认可, 越来越多的设计师也会投入到这一“设计革命”中去, 所以在未来的网页设计中伴随着垂直滚动设计的向前推进会出现一系列的问题。

1、应战搜索引擎优化难题

单页网页也存在诸多问题, 其中比较典型的就是标题内容处于同一平面所带来的凌乱和信息堆积感, 这个问题是单页本质带来的, 可以说是一把双刃剑。解决的方法也有很多, 例如滚动设计中依然镶嵌点击设计, 兼顾二者的优势, 删掉二者的劣势。

2、故事讲述的意义将更加重大

相信很多人都看过, 在本子每一页上画动态的图案, 然后连续翻页就变成了动图。我个人觉得这也是垂直滚动的一个前身, 将来更多的具有故事性网页将依附于垂直滚动技术, 利用它良好的连贯性, 给用户带来新的视觉体验。

3、极简主义再度成为焦点

这一现象的出现应该是不难理解的, 极简主义就是改善人们生活习惯的设计思路, 至少在近几年依然会是设计的风向标。因此, 扁平化和垂直滚动可以说是极简主义带来的连锁反应, 就是针对信息堆积复杂化, 他们才会共同飞速发展。

4、蹩脚的尝试出现

可以说垂直滚动的前景无限曙光, 但是目前阶段依然还是处于早期摸索开发的阶段, 很多公司都开始使用这一设计必然也会带来很多的问题。这设计会随着更多人的参与不断完善, 直到被另一种更好的设计类型取代。

5、移动用户将双手拥抱垂直滚动——各大品牌也一样

在移动终端都局限于屏幕尺寸的前提下, 垂直滚动设计是目前最好的解决方法之一。所以, 越来越多的手机网页, app等平台都普及这一设计方式。

信息越是发达, 设计师的脚步就越没有可能停下。未来的网页设计将更加贴近生活, 设计风格如同喷井一样各自迸发, 更新迭代的速度也会逐渐加快。

摘要：移动互联网与终端设备飞速发展下, 媒体形式也在不停的变化, 由传统的纸质、广播、电视, 到现在主流的电影、PC、手机终端。互联网逐渐成为现在人们不可或缺的社交工具, 作为互联网社交的重要“门面”, 互联网交互设计已然成为现在炙手可热的焦点话题, 设计师准确的把握住观众的喜好, 在多变的设计风格中总结归类出现在人们最喜欢的交互设计风格, 将设计风格与浏览信息的功能性完美结合, 打造出新的视觉刺激和阅读体验。

关键词：互联网,交互设计