恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
简洁的网页设计原则-悟思 VOOSSI
0.0°
2016-01-19 自译外文 经验/观点 原作者: Corina Ciripitca 举报 2792 22 19 1

这几个原则让你设计的网页更简洁。

Image title

网址: www.voossi.com  微信:voossiwx


极简主义一直是我最信奉的原则之一,无论是室内设计,人物造型,时尚搭配或是网页设计。当你浏览网站想要获取最重要的内容时,滚动的商业广告或是五花八门、错综复杂的东西跳出来妨碍你,你可能会感到十分懊恼。“少即是多”--当设计师们想发布新作品到网上时应该谨记这句话。

网页设计跟其他专业领域一样,同样遵从熟能生巧这一原则,除非天才可另当别论。这就是为什么如果设计师们对他们将来要设计的网站还没有明确的想法,需要进行深入思考的原因。我不能提供设计思路因为我的可能并不适合其他设计者们的理念,我所能做的就是提供一些关于干净、简约的网页设计小技巧,这关系到网站内容如何醒目,因为最终那才是网站的重要输出。顺便提一下,在几十年前极简设计发源于瑞士,在平面设计,音乐,文学和绘画领域普及开来到最后被网页设计继承衣钵后发展创新,现在让我们一起来看看这些小技巧:


试着奉行原则——少即是多

 在极简主义中这个原则举足轻重—若缺少这一原则,那么这种类型的设计将名不副实。减少使用过多没必要的元素,避免使设计看起来繁琐。尽管设计师们希望自己的设计看起来是与众不同的——但是这并不意味着你需要一些多余的元素来润色。这一点也同样适用于网站中的内容,避免画蛇添足。想说的话只说一次——但表达清楚。

Image title


重视网站的内容

 好酒还需好壶装。选择合适的字体,不仅会避免视觉杂乱,还能令人赏心悦目。好在网络上有一系列有趣的字体供设计师们使用。因而,只需要耐心地挑选一个最适合网站和设计的字体便可事半功倍。

Image title


神圣的留白

或许,对这个原则的定义可能有些夸张,但这确实十分重要。多一些留白会少一些混乱,这是极简网页设计的真正意义所在。不要担心留白,相反应该聚焦于在需要的地方用些有趣的元素去填充它。留白能使用户更好地消化内容,我确信这是任何一个设计者所期望的。

Image title


使用视觉冲击强烈的图像

简约网页设计的另外一个不二法门便是有效利用图像。如果你很文艺,渴望在你的网页设计中使用不同的图像和图片,那么一定要明智地选择了。最好的办法是把你所有的想法融入到一到两个图像之中,并在设计网站时充分使用它们。你使用的图像,无论是颜色还是想传达的信息,都一定要有强烈的视觉效果。但前提是图像里使用的各种颜色和创意不会影响你的内容。当然,是否在你的极简设计里使用图像取决于你。在我看来,单一的颜色如果使用得当的话也能够达到强烈的效果。

Image title

 

设计独特的线框

 为了创造视觉效果,你需要设计一个独特的线框。可能在极简设计中,一个线框需要花费设计者们更多时间来构思。因此,在你设计制作线框的时候,就必须要权衡哪些内容是举足轻重的,所以目标优选是必不可少的一个步骤。当然,你还需要去思考排版,使你的设计达到平衡。

Image title


不要忘记实用性

最后也是最重要的事——终端用户浏览你网站时的感受是什么。网站应该是简单的、整洁的、时髦的,但也别忘了设置导航,且尽量别改变导航的方向,因为人们习惯于使用顶部或者左侧工具栏,重新改变导航后他们可能会感到困惑不知如何使用。当然这不是一个一成不变的规定。一旦你确信你的导航简单易懂,那就大胆应用吧。但要记住一点,网站用户喜好不同,他们中的有些人可能对这种改变并不买单。

Image title


重视颜色和对比度

 有些设计者热衷于在他们的极简设计中使用纯黑或者纯白。我想说只要不影响你的内容,即使彩虹色也可锦上添花。毕竟,颜色是把双刃剑——既能使网站的内容突出也能分散访客精力,影响他们阅读。因此不要忽视颜色和对比度,选择色彩时务必再三斟酌。

设计时充分利用对比度。在视觉上可帮助设计师辨别出自己需要的内容和信息。如果你希望在你的极简设计中使用更多留白而又不失时髦,那么需要关注对比度。

虽说,如何设计一个的网站取决于设计师本人和自己的想象力。但如果你还不确定你的网站最终想达到怎样的效果的时候。那么,我强烈建议设计师们一定要遵循那些既定的成功法则,汲取前人智慧。

Image title

以上就是一些干净网页设计的基本技巧,可能我遗漏了一些,之后我还会在另外的帖子上发布更多的技巧。

祝所有有创造力的设计者们好运!

Image title

http://www.voossi.com

Image title

好文推荐

十大设计师必备网站:http://www.ui.cn/detail/85933.html

四个字体设计网站推荐:http://www.ui.cn/detail/87245.html

本文是悟思原创,如需转载请联系我们,文中如有版权问题,请联系邮箱contact@voossi.com

译者:Willa 校对:LDW

原文作者:Corina Ciripitca

原文链接:http://designmodo.com/principles-clean-web-design


Image title

更新:2016-01-19

收藏

22人已收藏

悟思VOOSSI

悟思VOOSSI: www.voossi.com

  • 34

    作品

  • 115

    粉丝

  • 0

    关注

  • 2016年最值得关注的十大建筑项目
  • 国家艺术家特征之法国篇
  • 国际艺术家特征之印度篇-悟思 voossi
  • 灵感启示:99个logo设计欣赏(下篇)——悟思 VOOSS

    猜你喜欢

      2016-01-19 自译外文 经验/观点 原作者: Corina Ciripitca 举报 2792 22 19 1

      简洁的网页设计原则-悟思 VOOSSI

      0.0°

      你确定要举报简洁的网页设计原则-悟思 VOOSSI

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年01月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      19
      22
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录