网页布局与颜色运用的基本准则

本文探讨了页面设计中的关键原则,包括合理的布局、颜色搭配以及避免过度使用条框的重要性。文章建议将页面分为三部分来提高创意性和吸引力,并强调了适当使用颜色对比度对于提升可读性的意义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 


First off, let's talk about page layout.
首先,让我们来讲讲有关页面的布局

准则 - 有太多的条条框框会对你的健康产生不好的影响
One designer said that a mark of a designer is when he or she starts to use boxes and rules in his or her pages.
有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了。

When you look at your page and realize the need to make something attractive and creative out of the boring stuff you've just made, and then decide to throw around a box or two or place rules between columns, then that's the time when your creativity is getting out from confinement.
当你自己观察你的页面并意识到有必要去做些更有吸引力和创造力的东西来摆脱你所刚做的一些烦人的作品时,或是决定要抛弃一些以前所遵循的准则时,说明你的创造力已经脱离限制了。

Before using all the box there is in your software, just remember to do it in moderation. Anything in excess is a bad thing. Sure, boxes and rules are a good way to highlight important information. But if you're going to do it in all your pages, or put virtually everything in a box, then nothing will stand out from the crowd.
在你使用那些存放在你软件中的条框钱,得先明白这点,做这件事得适当些。任何事一旦过了头就不太妙了。当然了,合理使用条框和分割线是亮出重要信息的好方法。但如果你在所有页面都用上,或是把太多的内容放在一个框里面,重要信息就会淹没在这些拥挤的文字中。

准则 - 别把页面一分为二
The best way to infuse excitement and innovation in your documents is to divide the page into thirds. Afterwards, place the most important objects like the headings, photos, and visuals, at the top or bottom third.
在创新过程中最好把你的文档分成三个部分。然后将那些重要的对象:比如标题,资料,放在顶上或是第三部分的底部

Let's go to color.
现在我们来谈谈颜色
准则 - 颜色对比度越强可读性越强
Any designer knows that enough contrast between the text and background makes for easy reading of text and material. Often, dark text is used on a light background. And vice versa.
任何一名设计师都明白这点,文字和背景有足够的对比可以让文字更容易阅读。通常黑色字就会用在比较明亮的背景上。反过来也一样

Although light text on a dark background is easy to read, this technique should be used sparingly. It's proven fact that the eyes get more tired when reading large quantities of text on a dark background, than the other way around.
尽管在深色背景上使用亮些的字可以让文字容易阅读些,但这个手法应该尽量保守使用。事实上已经证实了,在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。

准则 - 珍惜使用的颜色
For impact, designers choose to create their design on more than a single color. But color thrown around everywhere also loses its impact. The rule of thumb: for maximum impact, use color on headings, and the most important words in headings.
为了带来视觉上效果,设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。基本原则:为把视觉效果最大化,把颜色充分利用在标题上,并把最重要的文字写在标题上。

准则 - 不要使用互补色
Colors that can be found opposite each other in the color wheel are called complementary colors. For example, blue is opposite orange in the color wheel. When used side by side, the complementary colors can create havoc in our eyes because it would be difficult to focus on both at the same time. In addition, the colors may seem to vibrate when viewed together.
以一个颜色为基点,可以在色盘的另一头找到它的互补色。举例来说,蓝色的互补色在色盘中是橘色。当这两个颜色贴边的时候,互补色会让我们的眼睛非常不舒服,因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下,互补色在一起的时候会给人一种震动的感觉。

作者:Granny's Mettle 出处:phuketsolution.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值