すべての出会いが美しいとは限らない。すべての別れが悲しいとは言えない。

0%

【网页设计】程序员也能做出让人惊艳的网站

今天我们根据 Pos-Pol 来具体分析一下一个完全没有学过设计的程序员应当如何做出让人惊艳网页。

在首页使用大幅图片

【网页设计】程序员也能做出让人惊艳的网站

【网页设计】程序员也能做出让人惊艳的网站

在首页使用与主题相关、充满整个屏幕的大幅图片可以给人以一种震撼和惊艳的视觉效果。在用户登录页面的第一刻就给用户留下深刻映像。

在图片上使用白色的文字

在图片上上使用白色(或与白色贴近的颜色)的文字,一般是比较保险的做法。

对链接不同状态增加特效

【网页设计】程序员也能做出让人惊艳的网站

当鼠标移至链接上方时,为链接增加特效。另外,由于链接默认的特效效果并不好,因此建议制作自己的特效。

对标题使用 letter-spacing

通过设置’letter-spacing’,将标题文字与文字间的间距扩大,可以起到突出标题的作用。

不要使用原色

不要随意使用红蓝黄三原色。除非是想强调很明显的明暗关系,一般也不要使用黑色。可以通过以下网站来选择合适自己的配色:
http://colourco.de/

在背景为白色系时,文字不要使用纯黑色

当背景为白色系时,正文的内容尽量避免使用纯黑色(#000),可以使用灰色系的颜色来进行替代。

靠近页脚的部分颜色逐渐加深

【网页设计】程序员也能做出让人惊艳的网站

如上图示例,在靠近页脚的部分逐渐将颜色呈阶梯式加深,可以起到不错的效果。

根据内容变换背景色

内容的背景色可以在白色与白色相近的颜色之间相互切换。

改变英语文字的大小

通过设定英语文字的font-weight可以是页面显得更加生动。

不要使用太多的颜色

除了图片和按钮的颜色,尽量将网页内的颜色控制在五种颜色以内。

其他例子

出前専門サイト TABEYOU