网站设计是许多人的【de】梦想，毕竟现在人都【dōu】想着在【zài】网上给自己安一个家，这样【yàng】就【jiù】能被更【gèng】多的人看【kàn】见自【zì】己的个性。网页设计是什么意思?有哪些技巧?下面就来学习一下。
网页设计是什么
网页设计也被称为【wéi】 Web Design、网站设计、Website design、WUI 等。它的本质就【jiù】是网【wǎng】站的【de】图形界面设计。虽然【rán】现在我们常使用移【yí】动端上的 APP 来获【huò】取资讯【xùn】，但是【shì】显然基于【yú】个人电脑平【píng】台的网站上【shàng】网方式陪伴我们的历史要比手【shǒu】机【jī】久很多【duō】：从1987年钱天白教授向德国发出第一封【fēng】电子邮【yóu】件到2000年搜【sōu】狐、新【xīn】浪、网【wǎng】易在美国纳斯【sī】达克【kè】挂牌上市，再到现在网站【zhàn】遍【biàn】地;中国的【de】网站高速发展了近三十【shí】年。我是【shì】在小学开始去网【wǎng】吧「上网【wǎng】冲浪【làng】」的，那【nà】时的电脑屏【píng】幕非常小【xiǎo】，分辨率只有800×600像素【sù】(对【duì】比一下，iPhone8的分【fèn】辨率是750x1334px)，网速【sù】也【yě】很慢，经常掉线【xiàn】或者加载失败。那时【shí】的网站性【xìng】能和体验都不好，而【ér】现【xiàn】在网站设计和过去已经有了巨大的变化：注重用户【hù】体验、注【zhù】重页【yè】面【miàn】动效、富媒体等设计让如今的网站体验并不【bú】比【bǐ】软件【jiàn】和手机 APP 差。加上个人【rén】电脑的普及，网站仍然是人机交【jiāo】互中非常重【chóng】要【yào】的平台【tái】之一【yī】。那么作为 UI设计师【shī】我们【men】就必须掌握网站设计的规范【fàn】和理解网站运行【háng】的原理，才能更好地驾驭【yù】这【zhè】个平台。今天就向【xiàng】您好【hǎo】好说【shuō】道【dào】一下网站必须懂【dǒng】得的【de】那些事儿。
字体间距舒适范围
相邻两个文【wén】字的【de】间距，其【qí】实不需要【yào】太过【guò】介意，除了特殊的需求之外【wài】，都【dōu】可以使用默认数值的间距。
1、行间距，推荐以字体大小的1.9-20倍作为参考;
2、段间距，推荐以字体大小的9-20.5倍作为参考。
3、当选【xuǎn】用【yòng】14px字体【tǐ】时，行间距：21-28px; 段间距：8px-35px
字体颜色设计技巧
1、主文字【zì】的颜色，建议使【shǐ】用公司品【pǐn】牌的VI颜【yán】色，可提高公司网站与公司VI之间的关联，增加可辨识性【xìng】和记忆性【xìng】。
2、正文【wén】字【zì】体【tǐ】颜色，保险起见，选用易【yì】读性【xìng】的【de】深灰色，建议选【xuǎn】用#333到#666之前的颜色。
3、辅助性的【de】，注释类【lèi】的【de】文字【zì】，则【zé】可以选用#999999之类的比较浅的颜色。
如【rú】果，你【nǐ】对颜【yán】色驾【jià】驭能力比较强，你也【yě】可以选择偏【piān】公司VI颜色的【de】深色，作为正文字【zì】体颜色或者辅【fǔ】助性文字的颜色【sè】。
例如公司【sī】的品牌是蓝色，那【nà】么正文就可以选用偏蓝色的深【shēn】色【sè】。这样处理【lǐ】之后，文字就有了环境【jìng】色，网站整【zhěng】体将更加和谐。
网页实际注意事项
做网页设【shè】计时，你还【hái】要特别【bié】注【zhù】意网页的首屏【píng】内容，在构【gòu】图和内容呈【chéng】现上，首屏模块的设计至关【guān】重要。
1、除去任务栏【lán】，浏览【lǎn】器菜单栏【lán】以及【jí】状态栏的高度，剩下的是首【shǒu】屏高度。
2、Window XP 的首屏高度平【píng】均值为【wéi】580px, window 7 的首【shǒu】屏高度平均值【zhí】是710px。
3、综合考虑到 Window XP 已【yǐ】经退出【chū】市场，在实【shí】际操作时，我们以710px作为依据【jù】。
如下图，黄色区域是我们设计时要着重考虑的首屏范围
另【lìng】外，是关于图片尺寸问题。需要【yào】全屏显【xiǎn】示的图片，宽度尺寸严格【gé】设计【jì】为1920px。但【dàn】是值得注意的是，图片内【nèi】容的有效范围不能超过【guò】网页【yè】内容的有效范【fàn】围【wéi】，控制在【zài】1200px以内，以免【miǎn】遇到小屏设备时显示不全，而造成信息【xī】遗漏。
说到【dào】这里，网站【zhàn】设【shè】计规范部【bù】分的内容就算是讲完了，当【dāng】然上面的所有规范也只是规范，不【bú】要因【yīn】为这【zhè】些规范去【qù】限制自己的想法，规【guī】范是用【yòng】来打破的【de】，设计【jì】最重要的还【hái】是设计得美观，设计的时候具体要给多大的【de】数值【zhí】，取决于设【shè】计师，规范是【shì】用来参考的【de】。
Ps:如果想做【zuò】一个好的UI设计师，一定要从规范入手。很【hěn】多都【dōu】是细【xì】节【jiē】的东西，在于【yú】积累。
版权所有：深圳市网商在线科技有限公司
友情链接:
