朋友圈

400-850-8622

全国统一学习专线 9:00-21:00

位置:北京平面设计培训资讯 > 北京网页设计培训资讯 > 总算晓得网页设计是什么意思

总算晓得网页设计是什么意思

日期:2019-10-09 21:05:17     浏览:198    来源:天才领路者
核心提示:网站设计是许多人的梦想,毕竟现在人都想着在网上给自己安一个家,这样就能被更多的人看见自己的个性。网页设计是什么意思?有哪些技巧?下面就来学习一下。

网站设计是许多人的梦想,毕竟现在人都想着在网上给自己安一个家,这样就能被更多的人看见自己的个性。网页设计是什么意思?有哪些技巧?下面就来学习一下。

网页设计是什么意思

网页设计是什么  

网页设计也被称为 Web Design、网站设计、Website design、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯,但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多:从1987年钱天白教授向德国发出*封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市,再到现在网站遍地;*的网站高速发展了近三十年。我是在*开始去网吧「上网冲浪」的,那时的电脑屏幕非常小,分辨率只有800×600像素(对比一下,iPhone8的分辨率是750x1334px),网速也很慢,经常掉线或者加载失败。那时的网站性能和体验都不好,而现在网站设计和过去已经有了巨大的变化:注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及,网站仍然是人机交互中非常重要的平台之一。那么作为 UI设计师我们就必须掌握网站设计的规范和理解网站运行的原理,才能更好地驾驭这个平台。今天就向您好好说道一下网站必须懂得的那些事儿。  

字体间距舒适范围  

相邻两个文字的间距,其实不需要太过介意,除了特殊的需求之外,都可以使用默认数值的间距。  

1、行间距,推荐以字体大小的1.5-2倍作为参考;  

2、段间距,推荐以字体大小的2-2.5倍作为参考。  

3、当选用14px字体时,行间距:21-28px; 段间距:8px-35px  

字体颜色设计技巧  

1、主文字的颜色,建议使用公司品牌的VI颜色,可提高公司网站与公司VI之间的关联,增加可辨识性和记忆性。  

2、正文字体颜色,保险起见,选用易读性的深灰色,建议选用#333到#666之前的颜色。  

3、辅助性的,注释类的文字,则可以选用#999999之类的比较浅的颜色。  

如果,你对颜色驾驭能力比较强,你也可以选择偏公司VI颜色的深色,作为正文字体颜色或者辅助性文字的颜色。  

例如公司的品牌是蓝色,那么正文就可以选用偏蓝色的深色。这样处理之后,文字就有了环境色,网站整体将更加和谐。  

网页实际注意事项  

做网页设计时,你还要特别注意网页的首屏内容,在构图和内容呈现上,首屏模块的设计至关重要。  

1、除去任务栏,浏览器菜单栏以及状态栏的高度,剩下的是首屏高度。  

2、Window XP 的首屏高度平均值为580px, window 7 的首屏高度平均值是710px。  

3、综合考虑到 Window XP 已经退出市场,在实际操作时,我们以710px作为依据。  

如下图,黄色区域是我们设计时要着重考虑的首屏范围  

另外,是关于图片尺寸问题。需要全屏显示的图片,宽度尺寸严格设计为1920px。但是值得注意的是,图片内容的有效范围不能超过网页内容的有效范围,控制在1200px以内,以免遇到小屏设备时显示不全,而造成信息遗漏。  

说到这里,网站设计规范部分的内容就算是讲完了,当然上面的所有规范也只是规范,不要因为这些规范去限制自己的想法,规范是用来打破的,设计最重要的还是设计得美观,设计的时候具体要给多大的数值,取决于设计师,规范是用来参考的。  

Ps:如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。  

如果本页不是您要找的课程,您也可以百度查找一下: