1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 用户体验 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

深色调网页界面设计注意事项--九分网络

时间:2020-06-05   分类:用户体验    作者:网络   来源:网络整理   点击:69

深色调网页界面设计注意事项--九分网络 九分网络

深色调的网站设计是比较流行的,它能营造出简洁、富有创造性的效果。 本文来自九分网络

它能满足一些客户对网页设计风格的要求。然而,它并不能适用于每一个客户对网站设计风格的要求,设计师应根据实际情况而定。 copyright 9fen.net

尽管深色调的设计风格能做到引人注目的效果,但很多设计师不知道如果有效的使用它来打动、吸引浏览者。

copyright 9fen.net

深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式

本文来自九分网络

这片文章,我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧,真正做到让你的设计表达你的创意。 www.9fen.net

最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上,这样的对比效果是比较刺眼的,给人不舒服的感觉。

www.9fen.net

相比之下,有10%的设计师通常选择深色调来设计网页,同时36%的人认为应该根据网页的具体风格要求进行选择。
那么,哪个是正确的答案那?归结起来,每一个人都有自己的意见,事情就是这样。 九分网络

但是有相当一部分用户认为重色调的设计是可以接受的,有时是设计首选。作为网页设计师,我们不得不考虑如何有效的设计深色调的网页给我们客户与自己。

内容采集来自9fen.net

相信亮色调网页设计的爱好者们希望深色调的网页设计应该更易阅读、有好的用户体验本文来自九分网络

多使用留白

或者应该叫“留黑”?合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。

内容采集来自9fen.net

深色调的网页设计给人总体的感觉是“沉重的”,如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计,他们合理使用了留白达到很好的设计效果。 内容采集来自9fen.net

Black Estate是互联网里深色调网页设计的一个而已,设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白,如何在设计元素周围有效的使用了留白,从而设计出了这样讲究的网页。 九分网络

logo标志周围留有大量的“留白”,作为浏览者我们首先看到的就是它,其次看到的才是主要内容与右边的瓶子。正如你所看到的,留白是用来突出瓶子上的亮文字内容与内容标题。 九分网络

Tictoc的主要特点就是它在内容、装饰图片周围留用了大量的“留白”,当我们继续往下浏览时,我们看到使用了很少的留白,从而将我们的注意力集中在到下面的具体内容上面。

本文来自九分网络

这里的关键是,留白起到了引导的作用,逐步引导用户浏览这个页面。 www.9fen.net

网站通过使用大量的留白从而增加了深色调设计的层次,留白仅仅是为了实现深色调的效果而已 内容采集来自9fen.net

photoshopPic02 www.9fen.net

内容采集来自9fen.net

Mark Dearman网站的框架结构自始自终采用灵活的、均匀的分布式布局进行留白。 九分网络

留白为每一个相邻的内容板块里面的内容提供了大量呼吸、停顿的空间。当进入到下一板块内容的时候,它们之间的留白是一个很好的休息地点。 内容采集来自9fen.net

留白对于深色调网页设计来说是必须的,它不但有助于解决布局的凌乱、散乱,同时也是网页设计增强整体感很重要的元素。 copyright 9fen.net

photoshopPic03 www.9fen.net

copyright 9fen.net

正文内容留白
深色调网站内容的易读性是不喜欢深色调网页用户所担心的问题。设计师必须将更多的精力放在文字本身上。 本文来自九分网络

在整个设计上,通过调整段落与段落之间的距离大小、行距来增加留白是提高重背景网站文字内容可读性的一种方式。 copyright 9fen.net

下面展示的例子介绍了元素与元素之间留白、元素本身周围留白在深背景和亮背景上的对比情况。

www.9fen.net

photoshopPic05

copyright 9fen.net

内容采集来自9fen.net

增加字体大小是提高深色调网页内容可读性的另外一种方式,同文章以上介绍的方法一样,大号的字体能增加其本身及周围的留白,字体越大其周围的留白空间就会越大。

本文来自九分网络

比如下面的字母“a”,当字体增大时,其周围的留白就会随着增大。无论是a周围的空间还是其内部的空间,还是与上下内容之间的空隙留白都跟着一起变化。

内容采集来自9fen.net

注意,在淡色调上阅读小文字内容要比深色调上容易的多。当在新的网站上设置字体的时候,一定要事先虚拟一些内容以确保其清楚易读。如果不清楚的话,可以尝试增加一下字体的大小来调整。

本文来自九分网络

标签: 用户体验

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----