互联网设计趋势—《杂志化》.pdfVIP

互联网设计趋势 — 《杂志化》 继微软推出 win8 操作系统后，扁平化和拟物化的讨论就没有停止过。 2013 年6月 11 日，WWDC 2013 发布会苹果推出 iOS7 ，颠覆性的界面设计，使 扁平化“ ”和 拟物化“ ”再次被推到风口浪尖上。 这篇文章我并不想讨论 拟物“ ”和 扁平“ ”哪个好？它们都可能好，也都可能不好。 先来看看几组变化： 过去的很长一段时间内 ,界面设计的风格都处在循序渐进的改变， 扁平化“ ”的设计却是在短短十几个 月的时间内迅速流行起来。从本质上看，这不仅仅是一种视觉风格的改变，而是一种设计语言和思 维方式的演化。 就像上个世纪在建筑领域极简主义运动对过度装修的冲击，扁平化设计可能是一个对已经被使用多 年的过度设计、或者过于花哨的网站和界面的一个颠覆。 扁平化设计意味着在界面与图标中材质、阴影、立体感的消失等等。实际上对于界面设计来说，正 如人们对于视觉感官的新鲜需求和疲劳度是与生俱来的。 让界面更加干净，易用，轻薄。而不是在用户沉浸于页面阅读时，对用户产生干扰。把复杂的页面 梳理的非常易用。 先来看看两个页面： （图1） 微软首页 （图2 ） 《T IME 》 时代周刊是美国影响最大的新闻周刊，有世界 史库“ ”之称。 （图1）是微软的首页，明显的扁平化设计。（图 2 ）是T IME 的网站，确然也呈现扁平化的设计 风格，但是却和微软的首页风格不一样。 网页杂志化设计，是扁平化更具体的一种体现，并不是去掉渐变，阴影等繁复的修饰，就可以说是 杂志化的网页设计。 杂志化设计，建立在整齐而美观的文字排版基础之上，文字排版为内容创建结构和节奏感。用不同 的字体，和字体的大小、颜色，进行设计。 平面杂志的官网设计风格都会和杂志的设计风格靠拢，并且比起其他资讯类网站风格更鲜明，有着 自己杂志的元素融入在网页设计中。 （图3 ）《 ELLE 》 著名法国时装品牌 ELLE ，以时尚导向，是女性化的、现代的、积极向上、亲切的、潮流而又充满生 活气息。 扁平化用清晰的图形元素创建最简洁的视觉效果，去掉多余的线和框，仅用内容本身来布局内容， 为内容留出呼吸空间。 杂志化的页面，不同的区域，善于用线分割页面，实线，虚线，粗线，细线，不同明度的线，分割 巧妙。 （图4 ）《 VANIT YFAIR 》（名利场） 美国著名时尚杂志。报道内容多为明星私生活，同时其新闻、评论、随笔等内容也具有一定深度。 按钮，翻页，滚动条等功能操作沉浸于整体内容之中，不突兀。 （图5 ） 功能按钮沉浸于整体设计中 留白—— 设计中负空间的重要性与魅力。利用界面空间的留白来增强内容。 留白空间是界面的重要组成部分，留白是内容的一部分，以及内容意境的一种伸展，优秀的留白空 间设计，使内容变得更加美好，富有憧憬。 （图6 ）《纽约客》（ T he New Yorker ） 是一份美国知识、文艺类的综合杂志。 无论写实的拟物设计或写意的扁平化设计，如何围绕需求，让人们沉浸在他们喜欢的内容中。 作为产品人与设计师，要关心的不仅仅是风格与形式，而是更加美好的体验。 用户“ ”并非仅仅只是 “ 用户 ”，他们是心怀希望，梦想美好体验的人。你所打造的产品是为了帮助人们去实现他们各自的 梦想。你该如何看待用户，帮助他们激发自己内在的天赋与价值，你将赢得他们的心。这不就是我 们所追求的么。 附录： 一些杂志化网站 / / /time/ /?us_site=y / / via:搜狐媒体设计中心 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台