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

浅谈极简风格在设计中的运用

11月19日 眉梢欢投稿
  现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是极简,像大家家喻户晓的品牌如:MUJI无印良品、苹果、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。
  极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,在设计中是一种简洁的设计手法。
  微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验。
  1。微博同城项目
  说起微博同城项目在设计的时候,我不得不感谢一个摄影师给我带来的一些灵感。
  德国摄影师JosefSchulz(1966生于荷兰)
  同城项目要求根据用户登录ip来判断登录地点。这就需要一张能体现当地风土人情的头图来营造氛围。怎么做呢?怎样才能让用户有家的感觉?
  正当我在想用美食、风景、建筑为题材切入的时候,无意中发现了这组摄影作品。它没有多余的光效,画面干净,看着很舒服。但是看似简单的东西却在角度和构图上要比普通照片讲究的多,比如下面这组摄影就是追求的平面构成和透视原则,内容看似很单调,但构成感很强。
  然后我确定了用城市建筑来表现,我开始在网络上搜索几个主要城市的地标性建筑,然后进行简化和提炼,把建筑的主要特点进行勾勒。以香港为例:
  先找了一张有代表性的香港夜景
  然后画出简单的建筑骨骼后开始上色,说到这我插一个有意思的事情。宫崎骏的工作室中“小男孩”组负责草图和结构稿的绘制,然后由“小女孩”组完成上色。
  〔最终效果图〕
  其它城市的设计过程也是如此,我就不再一一赘述了:)
  遗憾的是这个项目由于种种原因上线后很快就下了,所以大家可能没能看到。呵呵
  我小结一下这一过程我学到的一点小经验吧,在处理类似的产品页面的时候可以考虑用平面化的剪影图形,设计加上一点画面节奏处理,再用颜色一点颜色进行画面烘托,能起到不错的视觉效果希望大家能可能用的上。
  下面这个项目大家每天都在用,虽然它小的让人很难察觉,但是给用户减少了很多认知负担。图标能让我们很快速的找到需要的东西,能在给用户清晰的指引。
  2。微博图标设计
  这个图标是去年年底的时候画的,当时需要对微博进行改版(V4),之前的图标存在很多问题,比如风格不统一,大小也五花八门。
  这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微博整体体验的“轻”“薄”精神相一致。
  我们来看看新版微博和旧版微博的发布框的对比,比较明显能看出来图标的清晰度和运用极简设计风格的视觉效果。旧版的图标有很多没必要的高光和立体感,但是这些效果反而没起到理想的效果,反而识别性大大减弱。
  3。图表设计
  先定义图表的色调,以为图表跟以上两个设计不同的地方是在于,它是靠颜色来识别。所以颜色选用尤为重要。图表有的时候是比较枯燥的,所以颜色我选择冷色系,这样比较耐看,相对于暖色系而言,能降低用户厌倦反感的情绪。
  我会加入一些微弱的光和投影,但是总的方向还是以极简的风格为主。
  〔饼形图表〕
  在增加选项的时候,其它选项的颜色需要根据主色调来进行扩展,但是有个小小注意事项:因为近似色的关系,为保证颜色左右能区分开,我们需要规定每个颜色出现的位置,所以我给开发人员做了一个颜规范。
  〔曲线图表〕
  曲线图表也是如此,细节上有一些弱弱的投影和高光变化。
投诉 评论 转载

新浪微博“微吧”产品设计思路如果说形式和风格只是设计的一件外衣,那么解决问题的理念才是支撑它的灵魂!什么是微吧7月24号微吧产品正式上线。作为微博今年推出的一个重要产品,在起初接到这个品……手把手教你设计移动软件应用商城2011年各大移动应用商店迅速崛起,群雄割据。在移动应用商店的基础上,软件商店也悄然形成。这些软件、应用类商店形式多样、风格迥异。一些成功的应用商店都已然向“shoppingm……整体到细节的交互设计规划2012年初,我负责了对公司“深度匹配”产品进行了一次全面的用户体验规划,对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分……白鸦:腾讯微信产品设计的几个阶段以下文章内容来自《白鸦的博客》Guang。com创始人;UCDChina发起人;贝塔。朋友发起人;5G咨询合伙人;专注于互联网产品设计;Blogge。他在博客上分享了关于微信的……浅谈阿里巴巴国际站改版打开阿里巴巴的国际站,一股小心清席来,完全是我喜欢的风格,相信大部分海外买家也很喜欢现在的新风格,融入了很多国际化的元素以及色彩搭配。我忍不住想写一篇文章来纪念一下这次的改版,……浅谈抽屉式导航设计Web端设计很多时候是在考虑如何将操作展示给用户,而mobile的设计更多的时候则是考虑如何将操作巧妙的隐藏起来。这种隐藏实际上是对核心功能的一种突出。导航始终是产品设计……浅谈极简风格在设计中的运用现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是极简,像大家家喻户晓的品牌如:MUJI无印良品、苹果、宜家家……Banner设计“点横竖撇捺”文字,这种与人类历史几乎同步的信息表达形式,同样也是视觉传达设计中最重要、最基础的元素之一。她的历史沿革应该已经有非常多的同学做过分享介绍,这里就不再赘述。我想讲述的是字体在网……以行为为中心的设计世界上很多东西不是在以用户为中心的设计方法的指导下被设计出来的,不过这些东西仍然工作得很好。例如汽车,通过差不多的操作装置,全世界的人都能学会驾驶。再看看我们身边的各种产品,包……非设计师谈设计(一):胖胡斐谈Apple改版设计是一件好像人人都能看懂的东西,所以常有设计师抱怨“老板指手划脚”、“客户不懂装懂”。我们认为,设计是一门综合性极强的学科。可以说,它就是人人都能看懂,只不过,大家都是从自己……响应式网页设计需要考虑的5大预算因素【编者按】本文作者BFrost,纽约数字互动广告公司RGA的移动web战略家和设计师、前端开发工程师。作者主要对响应式网站和单独的移动网站进行了简单的比较,并总……爱奇艺WP7改版项目总结从设计角度来看,此次改版主要以视觉风格为主,辅以架构和交互细节的调整。不便细说,省略几百字,简要的总结为:遵循Metro视觉风格特点围绕WP7特性做设计优化架……
交互设计如何“展开诱惑”?情感化交互设计:关于游戏UX设计新手,你不需要成为“通才”如何设计好的AI用户体验?交互设计:如何做到周到?交互例推:好设计看得见(3)交互KASH系列丨版式设计的4大准则盘点分析:iOS13的6大交互更新模块B端产品的用户体验,从这3个方面入手如何打造高效协同的交互文档?交互设计:如何做到品质?2个视角,理解交互设计工作范围
第一次吃榴莲的作文没想到,这也能得世界冠军小儿过敏性咳嗽的临床特点丽怡酒店品牌2。0发布会:苍绿生长,逐光绽放热评聚热点网 盛典造句用盛典造句大全晚眺麻烦拒绝诱惑。9伤痛离开。高铁票是否可以异地上车高铁票能不能异地上车女装颜色搭配技巧口诀24K高清美人图倪妮纯白小吊带黑色开叉长裙尖头细高跟绝美角逐高端之路,vivo能否持续领先?热文聚热点网 查快递手机号怎么查询(如何利用手机号码查快递?)热议聚热点网

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