易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

极简风格在设计中的运用

来源:网站建设行业资讯网
添加时间:2022-02-13

今天跟大家分享一下极简风格的一点设计心得。现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是—极简,像大家家喻户晓的品牌如:MUJI无印良品、苹果、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。

极简在摄影中是一种突出主体取简去繁的摄影手法,在生活中是一种放松的生活态度,在设计中是一种简洁的设计手法。

微博的设计体验也是如此,我们去掉了复杂的视觉干扰,力求给用户带来愉悦轻松的视觉体验。

1.微博同城项目

说起微博同城项目在设计的时候,我不得不感谢一个摄影师给我带来的一些灵感。

德国摄影师JosefSchulz(1966生于荷兰)

同城项目要求根据用户登录ip来判断登录地点。这就需要一张能体现当地风土人情的头图来营造氛围。怎么做呢?怎样才能让用户有家的感觉?

正当我在想用美食、风景、建筑为题材切入的时候,无意中发现了这组摄影作品。它没有多余的光效,画面干净,看着很舒服。但是看似简单的东西却在角度和构图上要比普通照片讲究的多,比如下面这组摄影就是追求的平面构成和透视原则,内容看似很单调,但构成感很强。

然后我确定了用城市建筑来表现,我开始在网络上搜索几个主要城市的地标性建筑,然后进行简化和提炼,把建筑的主要特点进行勾勒.以香港为例:

先找了一张有代表性的香港夜景

然后画出简单的建筑骨骼后开始上色,说到这我插一个有意思的事情。宫崎骏的工作室中''小男孩''组负责草图和结构稿的绘制,然后由''小女孩''组完成上色。


[最终效果图]

其它城市的设计过程也是如此,我就不再一一赘述了:)

遗憾的是这个项目由于种种原因上线后很快就下了,所以大家可能没能看到。呵呵~

我小结一下这一过程我学到的一点小经验吧,在处理类似的产品页面的时候可以考虑用平面化的剪影图形,设计加上一点画面节奏处理,再用颜色一点颜色进行画面烘托,能起到不错的视觉效果希望大家能可能用的上。

下面这个项目大家每天都在用,虽然它小的让人很难察觉,但是给用户减少了很多认知负担。图标能让我们很快速的找到需要的东西,能在给用户清晰的指引。

2.微博图标设计

这个图标是去年年底的时候画的,当时需要对微博进行改版(V4),之前的图标存在很多问题,比如风格不统一,大小也五花八门。

这是整理后的图标,图标没有水晶质感,没有过多的质感塑造。以极简的设计风格为主线进行,这也跟微博整体体验的''轻''''薄''精神相一致。

我们来看看新版微博和旧版微博的发布框的对比,比较明显能看出来图标的清晰度和运用极简设计风格的视觉效果。旧版的图标有很多没必要的高光和立体感,但是这些效果反而没起到理想的效果,反而识别性大大减弱。

3.图表设计
先定义图表的色调,以为图表跟以上两个设计不同的地方是在于,它是靠颜色来识别。所以颜色选用尤为重要。图表有的时候是比较枯燥的,所以颜色我选择冷色系,这样比较耐看,相对于暖色系而言,能降低用户厌倦反感的情绪。

我会加入一些微弱的光和投影,但是总的方向还是以极简的风格为主。

[饼形图表]

在增加选项的时候,其它选项的颜色需要根据主色调来进行扩展,但是有个小小注意事项:因为近似色的关系,为保证颜色左右能区分开,我们需要规定每个颜色出现的位置,所以我给开发人员做了一个颜规范。

[曲线图表]

曲线图表也是如此,细节上有一些弱弱的投影和高光变化。

最后总结一下:极简不等于简单,但极简拒绝多余。

谢谢阅读:)

最后推荐几个网址:

http://www.josefschulz.de/(文章第一个提到的摄影师的网址)

https://www.mint.com/t/012-c/(图表做的不错哦)

http://www.icoeye.com/(图标很牛x,还带设计过程)

网站建设计最新案例赏析:


江苏小太阳机械科技网站制作首页设计效果图
江苏小太阳机械科技
深圳尚青文化创意网站制作首页设计效果图
深圳尚青文化创意
深圳朝华车身广告网站制作首页设计效果图
深圳朝华车身广告
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
吴江正大纺织厂网站制作首页设计效果图
吴江正大纺织厂
广东思远工程技术网站制作首页设计效果图
广东思远工程技术
东莞禾聚精密电子科技网站制作首页设计效果图
东莞禾聚精密电子科技
天津高美测仪科技网站制作首页设计效果图
天津高美测仪科技
河南赛唯家具网站制作首页设计效果图
河南赛唯家具
江苏天兴环保股份网站制作首页设计效果图
江苏天兴环保股份
 

网站建设行业资讯推荐阅读:


教育型网站需要与众不同的设计大设计时代:针对超大网页布局的一些思考和建议​网站制作|企业网站建设容易走进的误区有哪些外贸企业网站建设应该注意的一些特点从定制消费成新宠来看定制网站建设的重要性软件定制开发差别大了解清楚再决定!四个步骤让你的网站分析报告更有价值商城网站建设需要满足什么需求呢企业和公司为什么要建设响应式网站怎么通过QQ空间来做关键词排名 好口碑的网站设计制作公司哪家不错 网站建设细节决定成败为什么有的网站建设价钱十分划算做网站建设有没有省钱小妙招呢深圳网站建设设计流程及优化需要注意哪些问题技术:深聊网页设计中的动画设计原理创建搜索引擎友好的网站建设网站过程需要知道哪几个步骤网站开发有哪几种方式网站建设的功能完善有利于企业营销自媒体运营,你了解多少告诉你网站建设的操作流程大数据在网站建设中的应用科技浅谈如何提高网站页面的交互性深圳网站建设中如何提高用户的体验度手机网站建设技巧及推广方法品牌网站建设:页面内容多长时间更新一次深圳营销网站制作的特点是什么中小企业做网站建设要注意哪些问题专业网站设计必备的三要素集团上市公司的网站建设有什么要求深圳网站制作费用是多少,为什么要优化网站的结构响应式网站的设计趋势分析及开发注意事项外贸网站平台需要了解的原则网站需要更新高质量文章建设行业类型的网站要遵循哪些原则企业网站建设流程步骤网站建设优化怎么做到位如何做好刚上线的新站的SEO优化风格多样的高质量404模板(下)招聘平台系统开发设计方案做好网站维护需要具备哪些知识专业的网站建设方案都有哪些内容想做一个软件定制开发,能够二次开发的,哪一家设计的比较好网站建设的几个重要指标你要了解!企业手机网站建设的方式你知道网站建设有哪些需求吗该怎么做网页设计时需要考虑哪些部分网站制作的组成部分有哪些旅游网站建设时应注意什么深圳网站建设之O2O网站建设必知的三大原则用户浏览行为分析:您的网页的核心元素是否简洁突出网站防黑,网站的加密工作刻不容缓如何提高公司网站的访问量深圳网站建设浅析各地设计风格的区别网站要如何建设才能脱颖而出 对新手网站设计师有哪些建议和忠告内容管理CMS系统的缺点和优点网站设计包括哪些方面的内容西安网站制作中绝对路径和相对路径的界定和区别
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询