网页设计规范综述

发布时间:2021-09-24 00:00:00

1、 尺寸规格:网页设计首先要解决的问题是网页的布局大小。在PS新文档中,我们可以看到当前常用的网页大小,常见的是1366*768像素。

1、 尺寸规格

网页设计首先要解决的问题是网页的布局大小。在PS新文档中,我们可以看到当前常用的网页大小,常见的是1366*768像素。

2、 网页宽度大小

为了适应屏幕的显示,页面宽度设置必须具有一定的范围值。实际上,在设计和设计中并没有相关的硬性规定。然而,为了与大多数浏览器兼容,通常设置960px。随着浏览器分辨率的变化,宽度1000px和1200px的开发已经开始,比如淘宝(1000px)京东商城(1200px)。如果需要兼容不同大小的浏览器,目前流行的方法是使其具有响应性,即根据不同的分辨率显示不同的大小,工作量会相应增加。

3、 主流浏览器

chrome、IE、firefox、safari、opera

QQ浏览器、猎豹浏览器、2345浏览器、搜狗浏览器、360浏览器、UC浏览器等

了解浏览器的设计特性可以更好地设计页面。例如,浏览器头部的操作高度和信息的显示会有所不同,因此每个浏览器上页面的显示都会有所不同。

4、 点击操作

5、 网页设计注意事项

用户的眼睛没有内容的层次感,喜欢有序的设计,比如头部包含导航和logo,特定的内容使用Lightbox、三栏和footer。它有助于在你的头脑中组织重要信息,并引导用户到你希望他们注意的地方。在传统艺术中,初学者被传授色彩价值三原则和线性透视等艺术指导。网页设计中没有具体的指导原则,但是以直观的方式组织内容是一个很好的经验法则。这也是多年来养成的用户习惯。终的习惯是终用户。当然,这不是我们鼓励的。

太多颜色一种颜色用于背景,一种颜色用于内容文本,一种颜色用于链接,一种颜色用于页眉和Lightbox,一种颜色用于图案,一种颜色用于页脚。这很好,因为它有助于区分有用的内容。然而,多个明亮的颜色梯度和大量对比色调和饱和度将破坏你的网站的水平和空白概念。尽量限制自己只使用一种明亮的颜色(如蓝色),然后将其与反向单色(白灰黑)进行匹配,得到一个漂亮的匹配。这里我们强调豆瓣的色彩搭配。这也是我喜欢的颜色搭配。

太多的字体一般都是简单的网页设计,一般不超过三种字体。没有足够的空白是设计中重要的部分。它有助于防止用户在浏览网站时感到疲劳,它可以在内容上拉开距离,而且它自己看起来很不错。空白不一定是白色的,它只是提供了空间来分隔和缓冲其他设计元素,而不管用户的分辨率如何。

你有没有考虑过阅读黑底白字和白底黑字的区别?你试过读白底灰字吗?有些方法比其他方法好,因为这是眼睛感知对比度的一种方法。如果很难轻松阅读,可以考虑改变字体大小或样式。

不一致性,一致性是网页设计的关键。它是一种将网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网页相互链接的情况下,它可以帮助用户将所有网页连接在一起。如果你继续改变整个网站的字体大小和颜色,用户很快就会感到不知所措。

与空白相关的单词之间没有足够的空格。单词之间有两部分空间,一部分是字母之间的空间。一种是行距,它与两行文字之间的距离有关。这些有助于换行和段落,使用户更容易阅读文本。


热门推荐

技巧精选

0571-88730320 联系我们,谈您的需求

立即咨询 立即建站