童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

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

大数据或成“抑郁情绪识别”新兴方法?由哈工大“社会网络与数据挖掘”联合实验室、国内数据挖掘公司“宏博知微”组成的研发团队,于6月底建成基于社交媒体数据的抑郁倾向识别模型。相关人士表示,这项研究结果或成为抑郁情绪临……缘何试图改变用户行为的App却改变不了用户行为?编者按:本文作者NirEyal在NirAndFar。com上撰写心理学、科技和商业的交叉内容的文章。想象这样一个场景。当你走进一个繁忙的百货公司,有人走进你伸手向你要钱:……如何让用户更高效地完成表单填写填写互联网表单几乎是每个用户每天的经历,如用户进行网站注册和登录、购物等,都需要填写各种表单。用户为了获得想要的东西,表单成了用户完成需求和网站系统需要数据之间的互动形式。那么……为用户设计舒适的姿势我们不仅要关心用户的情绪,做出给予和引导正向情感的设计,我们也要关注用户的身体,帮用户用舒服的姿势使用产品。做一个简单的测试,拿起鼠标,第一次,让光标从屏幕的顶边中点,尽……第二波移动互联网浪潮垂直细分领域摘要:第一波移动互联网浪潮已基本结束,谁还穿着裤衩,谁在裸泳已见分晓。此时大家都在思考第二波浪潮的机会在哪里,笔者认为将会是垂直的机会,……腾讯电商专题页设计揭秘之动线设计一、简介动线设计?腾讯ecd高头:被广泛应用于卖场或建筑内部的人流规划,主要是通过合理的设置通道宽度和路线,以达到主动线和辅助动线的自然衔接,让所有的铺位都处于人们……关于触控设备设计的个人总结自入职以来,一直在做移动端的交互设计,半年多感触最深的便是触屏设备的大规模兴起所带来移动互联网翻天覆地的变化。我们身边随处可见的触屏手机、平板电脑,证明着移动互联网的狂潮已悄然……几个低成本调研的小方法有些人认为,做用户调研是件很奢侈的事情,一定要花钱找咨询公司,或组建一个专门的团队,需要大量愿意接受调研的用户,使用专业的数据采集和分析工具,耗费产品开发周期无法允许的时间成本……互联网设计趋势《杂志化》继微软推出win8操作系统后,扁平化和拟物化的讨论就没有停止过。2013年6月11日,WWDC2013发布会苹果推出iOS7,颠覆性的界面设计,使“扁平化”和“拟物化”再次被推……你的邮件是如何“逼”走用户的译者注:营销邮件对我们来说都不陌生,也许大家的邮箱里现在还躺着很多QQ团购、易迅、大众点评等邮件,也许很多时候你根本都不会打开来看一眼,也许你也头疼要怎么处理这些邮件此文从众多……那些极简app背后的克制与情怀面对市场上的海量应用,回归简单成为一个大方向。已经有太多东西在分散用户的注意力,打开一个app,如果还需要很长时间去理解和思考,用户会很轻易地放弃这个app。因为,总有更好的替……教你如何设计出优秀的App导航栏导航的设计是App设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让用户轻松到达目的地而又不……
深入浅出社交产品:如何去理解一款社交产品?微信读书拆解:从商业价值到产品逻辑文艺范APP单读,是如何利用用户的碎片化时间实现产品差异化?在短视频领域,美拍是如何确立自己的江湖地位?美团外卖VS饿了么:外卖两巨头在产品运营策略上,谁更胜一筹?在信息订阅类App中,锤子阅读如何提升自己的产品核心竞争力?复盘:一款夺宝产品的死亡分享PRD:我是红人产品需求文档Trov产品分析,看互联网保险新玩法长文分析从小程序背后的理念挖掘小程序的方方面面聚合类中的黑马今日头条,是如何实现用户与内容的精准连接?图片社交产品浅析:用户需求与产品价值,孰轻孰重?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界