青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 简洁的网页设计

简洁的网页设计

奈薇网站制作 2019-07-09 11:55发表
阅读次数 1246
  现代城市生活中我们每天要面对嘈杂拥堵的街道和地铁,各式各样的广告,处理各种邮件和信息。于是我们内心追求一种体验那就是—极简,像大家家喻户晓的品牌如:MUJI无印良品、苹果、宜家家居,都是这一风格的发扬者,他们的产品也获得了巨大成功。

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

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

  1.微博同城项目

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

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

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

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

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

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

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

  [最终效果图]

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

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

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

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

  2.微博图标设计

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

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

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

  3.图表设计

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

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

  [饼形图表]

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

  [曲线图表]

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

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

简洁的网页设计相关标签:申请网站申请网站申请网站网站申请
相关热点推荐
区域网站如何作好搜索引
怎么处理内容相似的条目
漫谈网站改版的必要性上
文章中插入图片的用户体
网站优化设计的三个具体
网站技术规范之质量保证
建站事项2
如何提高百度收录
网站百度快照不更新的解
网站建设的四个步骤
青岛网站设计中关于al
优质的内容的优化
2016年中国互联网的
化妆品的网站策划分析
站长经验,建站经验
网站的免费推广经验参考
网站权重分析 提高网站
探索百度算法:用户行为
Web页面设计原则
建站必读2
如何让你的网站更有吸引
防火墙技术浅谈
网站建设与网站推广 g
网页设计的布局理念
企业网站优化的意义何在
德国网站风格设计特点
网站前端页面设计分析
优化用户体验,让网站呈
赏析优秀专业网站学习网
什么是优秀的网站设计
网站策划书参考
网页文字的设计应该像聪
青岛奈薇建站网分享百度
网页设计与平面设计的差
网站设计制作与运营的全
网站建设UI设计六大要
企业网站建设的流程和方
9个让你成为更牛网页设
如何才能短期内提高网站
网站建设:网站建设目标
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
1510个月 8