互联网设计趋势

   先来看看几组变化:


  过去的很长一段时间内,界面设计的风格都处在循序渐进的改变,”扁平化”的设计却是在短短十几个月的时间内迅速流行起来。从本质上看,这不仅仅是一种视觉风格的改变,而是一种设计语言和思维方式的演化。

  就像上个世纪在建筑领域极简主义运动对过度装修的冲击,扁平化设计可能是一个对已经被使用多年的过度设计、或者过于花哨的网站和界面的一个颠覆。


  扁平化设计意味着在界面与图标中材质、阴影、立体感的消失等等。实际上对于界面设计来说,正如人们对于视觉感官的新鲜需求和疲劳度是与生俱来的。

  让界面更加干净,易用,轻薄。而不是在用户沉浸于页面阅读时,对用户产生干扰。把复杂的页面梳理的非常易用。

  “扁平化” = “杂志化”?

  先来看看两个页面:


  (图1) 微软首页


  (图2) 《TIME》

  时代周刊是美国影响最大的新闻周刊,有世界”史库”之称。

  (图1)是微软的首页,明显的扁平化设计。(图2)是TIME的网站,确然也呈现扁平化的设计风格,但是却和微软的首页风格不一样。

  网页杂志化设计,是扁平化更具体的一种体现,并不是去掉渐变,阴影等繁复的修饰,就可以说是杂志化的网页设计。

  一、 字体&排版 :排布打破常规

  杂志化设计,建立在整齐而美观的文字排版基础之上,文字排版为内容创建结构和节奏感。用不同的字体,和字体的大小、颜色,进行设计。

  平面杂志的官网设计风格都会和杂志的设计风格靠拢,并且比起其他资讯类网站风格更鲜明,有着自己杂志的元素融入在网页设计中。


  (图3)《ELLE》

  著名法国时装品牌ELLE,以时尚导向,是女性化的、现代的、积极向上、亲切的、潮流而又充满生活气息。

  二、布局:视觉的引导

  扁平化用清晰的图形元素创建最简洁的视觉效果,去掉多余的线和框,仅用内容本身来布局内容,为内容留出呼吸空间。

  杂志化的页面,不同的区域,善于用线分割页面,实线,虚线,粗线,细线,不同明度的线,分割巧妙。


  (图4)《VANITYFAIR》(名利场)

  美国著名时尚杂志。报道内容多为明星私生活,同时其新闻、评论、随笔等内容也具有一定深度。

  三、功能按钮 :沉浸于内容中

  按钮,翻页,滚动条等功能操作沉浸于整体内容之中,不突兀。


  (图5) 功能按钮沉浸于整体设计中

  四、留白的艺术:负空间的设计魅力

  留白——设计中负空间的重要性与魅力。利用界面空间的留白来增强内容。

  留白空间是界面的重要组成部分,留白是内容的一部分,以及内容意境的一种伸展,优秀的留白空间设计,使内容变得更加美好,富有憧憬。


  (图6)《纽约客》(The New Yorker)

  是一份美国知识、文艺类的综合杂志。

  无论写实的拟物设计或写意的扁平化设计,如何围绕需求,让人们沉浸在他们喜欢的内容中。

  作为产品人与设计师,要关心的不仅仅是风格与形式,而是更加美好的体验。”用户”并非仅仅只是”用户”,他们是心怀希望,梦想美好体验的人。你所打 造的产品是为了帮助人们去实现他们各自的梦想。你该如何看待用户,帮助他们激发自己内在的天赋与价值,你将赢得他们的心。这不就是我们所追求的么。

时间: 2024-12-31 01:27:58

互联网设计趋势的相关文章

动互联网产品设计趋势:趣味性游戏化设计

文章描述:爱我别走-产品设计的游戏化机制介绍. 趣味性是当前互联网或移动互联网产品设计的一个重要设计趋势,而游戏化正是趣味性最完美的诠释方式,游戏化对产品设计有很好的借鉴意义.游戏大家都不陌生, 截至2010年年底,人们平均每周花费300亿小时在网游上,平均每周花费593万小时在魔兽世界上,人们花了很多时间在解决虚拟问题上.在现实中,游戏可让乏味的工作变得有趣,成为一种锁定和驱动用户回报的系统. "Gamification is the new sexy"成为了时下最流行的话题. 游戏

聊聊2015年流行的网页设计趋势

  给明年的自己增加筹码!这一年快结束了,年底特别忙,但也别只顾工作,忘了给自己充电呦,今天特意分享一篇好文,聊聊明年将流行的设计趋势,希望能给那些奋战之余不忘充实自己的设计师们一点有价值的参考,每点趋势后都有相关文章帮你理解,不担心跟不上咯. 1. 响应式在继续 OK,也许你不打算打道回府.也许你有一个很好的理由不用响应式网页设计?在过去的几年里,响应设计快速巩固了自己作为网页设计的新标准.当然,也有争论,但是没人说,"让我们摆脱响应式设计吧".实际上,越来越多的网站选择响应式的方向

2014年网页设计趋势

  在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响.Google过去几年中也在搜索算法上做出很多调整--更注重网站内容原创性及可用性.HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了.随着移动Web的访问不断增大,响应式设计变得愈加重要了. 下面我们通过简单的一些案例阐述2014年的Web设计趋势.但是,记住,不要过度使用.不是每一种趋势都适合你的客户.作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站. 准备好,跟随我

网页设计师指引:当前的网页设计趋势

文章描述:设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的.我们的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习. 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这

网站设计师参考:8个Web设计趋势

文章描述:Web设计的8个趋势. 本文译自网站设计公司weavora.com,介绍了在他们眼里8个Web设计趋势:单页面.用照片做背景.色块设计.超大号的图片.聚焦简洁.响应式设计.视差滚动.强调字体,每个趋势后面都附了数个案例,相信对网站设计师会有一定的参考价值. 单页面 单个长页面的设计一度不受人待见(无论是客户还是设计师),但现在整个互联网随处可见.一个合理的解释是,用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多. 包括苹果在内的一些知名大公司也使用了

总结2012年需要重点关注的设计趋势

文章描述:2012年移动应用交互设计趋势. 2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度.不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式.信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验.本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势. 突出主要功能 对于信息架构的不同,主界面也会有很大区分,以某一功能吸引用户,如拍照分享.专注是从众多相似产品中脱颖而出的产

2011年关注11个网页设计趋势热点

文章描述:2011年网页设计趋势分析与预测. 设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在.使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃.2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual re

2015网页导航设计趋势

  不管你喜欢不喜欢,汉堡图标反正已经是大势所趋了.今年无数的网站将这个小元素纳入到界面中来,成为页面导航的重要组成部分.不过汉堡图标并不是今年唯一的导航设计趋势.全屏导航.底部导航等许多设计手法都是网页设计师们的心头好.今天这篇文章将会对今年所流行的10个导航设计趋势进行总结,并附上精彩案例若干,记得收藏哟. 1.全屏导航 当导航是整个网页设计的核心的时候,页面会是怎么样的?只要合理地策划整合,全屏导航其实是一种非常有效的技术,用户可以更加便捷地切换到不同的页面,内容成为更加触手可及的东西.

案例解析:2012年移动应用交互设计趋势

2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度.不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式.信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验. 本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势. 突出主要功能 对于信息架构的不同,主界面也会有很大区分,以某一功能吸引用户,如拍照分享. 专注是从众多相似产品中脱颖而出的产品策略.有数据表明,如果界面某项功能在视