网页设计尺寸是多少?下面就来学习一下。
网页设计尺寸
制作网页时我【wǒ】们选用的分辨【biàn】率是72像素/英寸，使用【yòng】的画布尺【chǐ】寸1920px*1080px。但并不代表我【wǒ】们【men】可以在【zài】整个画布上作【zuò】图。
网页的布局主要有两种：左右型【xíng】布【bù】局和居中【zhōng】型布【bù】局。布局【jú】的不一【yī】致，使可【kě】设计的空间也不相同。
左右结构型
1、左右布局，灵活性强，UI的限制小;
2、左【zuǒ】边通栏为导航栏，宽【kuān】度没【méi】有具体的限时，可以根据【jù】实际【jì】情况进行调整;
3、右侧为内容板块范围，是网站内容展示区域。
居中型
4、居中布局，中间的【de】黄色部分为有效的显【xiǎn】示区域，用于网【wǎng】站内容【róng】的展示。
5、换句话说，两边【biān】均为留白【bái】，没有【yǒu】实际用途，只【zhī】是为了适配而存在【zài】。
6、内容限时区域在好控制在1000px-1200px。
网页常用字体
现在【zài】网【wǎng】页的布局我们已经【jīng】了解了，那【nà】么接下来就是【shì】网页中【zhōng】常用到的字体。
字体设计的总原则是：可辨识性和易读性。
中文建议使用微软雅黑字体，英文则建议使用arial 字体。常用的字体大小号有以下几种：
1、12px是用【yòng】于网【wǎng】页【yè】的最【zuì】小字体，适用于突出性【xìng】的日期，版权等注释性内容【róng】。
2、14px则适用于非突出性的普通正文内容。
3、16px或18px适用于突出性的标题内容。
4、网站的字体大【dà】小并没有硬性【xìng】规定具体的【de】字【zì】号，根据实【shí】际情况【kuàng】可以酌【zhuó】情考虑，但是要有限适用偶数字号。
5、字体规格也不需要太多，最好适用三种混搭。如果需要更多
6、层次的区别，可以改变字体颜色或加粗来体现。
网页设计WEB端设计规范总结
一.尺寸规范
在网页设计【jì】中首先要解决的是网页【yè】布局大小及尺寸的问题，在ps新建文【wén】档【dàng】中可以见【jiàn】到【dào】当今常见【jiàn】web网【wǎng】页尺寸，最常见尺寸【cùn】为【wéi】1366*768像素。
二.网页的宽度尺寸
为了适应屏幕的显示，页面【miàn】宽【kuān】度【dù】设制【zhì】要有一定的【de】范围值【zhí】，其【qí】实在设计及设计学中也没有【yǒu】相【xiàng】关硬性规定，但是为了兼容大【dà】多数浏览【lǎn】器一般【bān】是设置960px，随着【zhe】现【xiàn】在浏览器分辨率的变化，已开始1000px,1200px宽度发展，例如淘宝(1000px)京东【dōng】商【shāng】城(1200px)。如果【guǒ】需要兼容【róng】不同浏览器尺【chǐ】寸，现在比较流【liú】行的【de】做法是做成响应式【shì】的，即根据不同【tóng】分辨率显示不同【tóng】的尺寸【cùn】，工作量也【yě】就随之增加了。
三.主流浏览器
国际通用的有
chrome，IE，firefox，safari，opera
国内的知名浏览器有
QQ浏览器，猎豹浏览器，2345浏览器【qì】，搜【sōu】狗浏览器，360浏览器，UC浏览器等【děng】
知道了浏览器【qì】的设【shè】计特点才能更好的设计【jì】页【yè】面，比如浏览器的头【tóu】部的操作高度和信息的展示【shì】都会有所【suǒ】不【bú】同【tóng】，那么页面在每个浏【liú】览器【qì】上【shàng】面的【de】展现就会有所不同。
四.点击操作
主要通过鼠标点击、滑动、滚动、拖拽。
网页设计所需注意事项
没有内容层【céng】次用户的【de】眼睛喜欢有秩序的设计，如【rú】头部包含导航和LOGO，特定内容使用lightbox，三列【liè】分【fèn】栏，页脚【jiǎo】。它【tā】有【yǒu】助于在内心组织重要的信息，并引导【dǎo】用户注意在你【nǐ】想【xiǎng】让【ràng】他注【zhù】意的地【dì】方。在传【chuán】统艺术中【zhōng】，新【xīn】手们被教导色彩价值和【hé】线【xiàn】性透视三【sān】原则和其他艺术指导。在网【wǎng】页【yè】设【shè】计中，没有【yǒu】特别奉行的准则，但以直观的方【fāng】式组织你的内容是一条很好的经验规则。也是多年培【péi】养的用户习惯。最终【zhōng】习惯就【jiù】是最终用【yòng】户。当【dāng】然一成不变不是我【wǒ】们所鼓励的。
太【tài】多的色彩背景一种颜色【sè】，内【nèi】容文本一种颜色，链接【jiē】一种颜色，页头和lightbox一种颜色，图案和页脚各一种颜色【sè】。这很好，因为它帮助区分了有用【yòng】的内【nèi】容。但【dàn】是，多重【chóng】渐变几种鲜艳【yàn】的色彩和【hé】大量【liàng】有鲜明对比的【de】色【sè】调及饱和度【dù】，会【huì】破坏你网站的层次【cì】和空【kōng】白概【gài】念。尝试限【xiàn】制【zhì】自己只用一【yī】种【zhǒng】鲜艳的色调【diào】(如蓝色)，再搭配【pèi】反【fǎn】相的单色(白灰黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜【yán】色【sè】搭【dā】配。
太多的字【zì】体一般【bān】一个简单的【de】网页【yè】设计【jì】，一【yī】般【bān】字体不超过3种。多【duō】则乱【luàn】没有足够的空白空白可【kě】以说是设【shè】计中最重要【yào】的一部分。它有【yǒu】助于防止用户在浏览网【wǎng】站时变得疲惫，它可以【yǐ】在内容【róng】中划出距【jù】离，而且它本【běn】身【shēn】也【yě】看上去不错。空白不【bú】是必须用白色的，而是，它仅【jǐn】仅【jǐn】是为【wéi】其他设计元素提供间隔和缓冲的空间不考虑用户的分辨率。
对比【bǐ】的【de】问题你【nǐ】考虑过阅读黑底白字和白【bái】底黑字的【de】不【bú】同吗?你【nǐ】有【yǒu】没有试过阅读【dú】一【yī】下白底灰字?有些【xiē】方式之所【suǒ】以比其他的更好，其原因就是这【zhè】是一种眼睛感知到对比的【de】方式【shì】。如果你很难舒服的阅【yuè】读文字，考虑【lǜ】一下改变字体【tǐ】大【dà】小或方式。
不【bú】一致，一致性是网页设计的关键。它是把网页设计【jì】组【zǔ】织在一【yī】起的方式，可以创造一种紧【jǐn】密结合的感觉。在网站页【yè】面互【hù】相链接的【de】情【qíng】况下，它可以帮【bāng】助用户把所有页面【miàn】都联系在一起。如果你在整【zhěng】个网站持续改【gǎi】变【biàn】字【zì】体大小和色彩，用户很快会【huì】觉得不知所措【cuò】。
没有【yǒu】足够的文字间距与空白有【yǒu】关，文字间距有两个部分，一个是字距，关【guān】系到【dào】字母之【zhī】间的空【kōng】白。一【yī】个是【shì】行距，关系到两【liǎng】行文字之间的距离。这些有【yǒu】助于区分行【háng】与段落，使用【yòng】户更容易【yì】阅读文【wén】字【zì】。
版权所有：深圳市网商在线科技有限公司
友情链接:
