创建一个高对比度的网页程序
2020-02-02 10:37:10
脆弱和明显的区域应该谨慎而适当地使用。我想比较使用与网页设计,以及它如何影响整体布局设计风格。
对比的优点
当对比度在设计中出现时,大多数人会想到黑白。这两种颜色提供了很大的对比度,不管是按钮还是字体。
但是对比度不仅仅是颜色。它可以是Web元素的形状、大小和位置。一个更大的按钮可以吸引更多的注意力,把普通的超链接放在一起。颜色不起作用,但是其他视觉提示会有更大的对比度。
比较的最大优势是用户的注意力。一些元素需要更多的关注,可能需要更少的关注。保守地使用这种效果很重要,或者最终导致混乱和混乱的布局。
与较少的使用相比,你倾向于做一个更大的陈述。如果页面上只有一个按钮比其他元素大,那么它确实很突出。
让我们以面包为例,它依靠紫色和黄色来创造一种自然感,对比传统品牌的颜色。
设计师可能是深紫色,黑色和白色到黄色-两者都创造了非常相似的效果。
网页中的每一个元素都与用户的目的有关。请注意,需要集中在前两个区域使用颜色背景。图形添加到这个效果中,但主要来自颜色和魅力。
自然空白
到目前为止,我已经解释了基于组件性能的比较,比如设计一个超大的按钮或者给它一个明亮的背景色。
然而,对比度也可能被操纵,这取决于周围元素的空白空间。自然的空白空间使页面感觉宽敞和易于浏览。网页设计树屋是保持空白页面元素之间网站设计建设一致性的极好工作。
颜色和尺寸确实起到了作用,但是不同区域之间有很多空间可以讨论。
文本块之间的空间使阅读更容易。每个学习轨迹之间的链接为每个选项提供相同的意义和空间。
仔细想想你想传达什么信息,以及如何最好地完成它。
网站设计建设:创建一个高对比度的网页程序
不同的CSS样式很好,但是一致的空白也可以证明是有用的。
颜色很简单,字体也很吸引人的注意,网格设计风格越来越受到设计师的欢迎,他们希望保持简单,但也提供了一致的布局。
阻止的Web部件
小网格提供了很好的对比度,但在大的全屏页面中是如此。许多视差布局使用这些片段来定义内容的各个区域。
网页可以创建正确的设计。条带链接有很多信息丰富的登录页。它使用空间内容的水平块元素,并创建视觉点来滚动。
条带连接布局的颜色对比
每一部分都是以颜色和图案中使用的背景来区分的,但是你会注意到,在整个页面维护过程中,一个一致的主题被排版和图示。
一个人的背景对比足以传达信息。
重要的驱动作用
重要的是要脱颖而出,这样你才能看得清楚。这是一个很好的方法,可以在页面的某些区域集中和促进用户交互,而不是秘密。
立即购买按钮插图
看一下AdobeIllustrator的登录页面,尤其是右上角,它使用一个非常简单的导航,只有几个链接来涵盖程序的重要信息。
你会注意到购买按钮的背景是浅蓝色,没有其他链接。这是为了吸引人们的注意力,让人们意识到Adobe最喜欢的操作:购买软件。如果你向下滚动到页面的底部,你会发现类似的风格,让访问者在页面上购买其他几个蓝色按钮。
此外,没有什么东西可以卖,但仍然希望推广互动网站。这些通常是需要更多用户的网络或社区。
橙色自然衬托出冷调的对比效果,并提供准确的设计作品网站设计建设。
对比字体
别忘了,文本仍然是最常用的信息传递方式,一个网站。比较适用于项目列表、标题和当然是块段中不同样式的文本。
如果您需要构建一个高对比度的应用程序,那么大小和颜色之间的差异应该是不同的。请在已发布的文章中分别查看一个列表,然后了解我的意思。
希望你开始明白价值观的对比在每一个层面上都起着重要的作用――背景的文本块。小项目能拍出大图片,所以在设计任何网站时都要关注各个方面。
完美的布局没有最终的关键或秘密的比较,专业的设计师通过尝试和错误来学习这些技能,这是你最好的方法。