网页的设计尺寸是多少?我们来看看。
网页设计尺寸
制作网页时我们选择的分辨率是72像素/英寸,使用的画布尺寸是1920px*1080px。但这并不意味着我们可以在整个画布上画画。
网页主要有两种布局:左右布局和中心布局。布局不一致,使得可设计空不一样。
左右结构型
1.左右布局,灵活性强,UI限制小;
2.左边横幅是导航栏,宽度没有具体的时间限制,可以根据实际情况进行调整;
3.右侧是内容区,是网站内容显示区。
居中类型
4.布局居中,中间的黄色部分是显示网站内容的有效显示区域。
5.换句话说,双方都是空白,没有实际用途,只为适应而存在。
6.内容限时区控制在1000 px到1200 px之间。
网页常用字体
现在我们已经了解了网页的布局,接下来是网页中常用的字体。
字体设计的一般原则是:易读性和易读性。
中文推荐微软雅黑字体,英文推荐arial字体。常用的字号如下:
1.12px是网页最小的字体,适合突出日期、版权等注释性内容。
2.14px适合非突出的普通文字内容。
3.16px或18px适合突出标题内容。
4.网站的字号没有具体的字号,可以根据实际情况考虑合适,但即使是字号也要有限制。
5.字体规格不需要太多,最好应用三种混搭。如果需要更多,
6.级别的不同可以通过改变字体颜色或加粗来体现。
网页设计规范摘要
一、尺寸规格
网页设计首先要解决的是网页的布局尺寸和大小。常见的网页尺寸可以在ps新文档中找到,最常见的尺寸是1366*768像素。
二.网页宽度
为了适应屏幕的显示,页面宽度设置系统应该有一定的范围值。其实设计和设计科学都没有相关的硬性规定,但是为了兼容大部分浏览器,一般设置在960px。随着浏览器分辨率的变化,1000px、1200px宽度的开发已经开始,比如淘宝(1000 px)、JD.COM商城(1200 px)。如果需要兼容不同的浏览器尺寸,现在流行的是使其具有响应性,即根据不同的分辨率显示不同的尺寸,这样会增加工作量。
三.主流浏览器
国际上常用的有
chrome,IE,火狐,safari,opera
国内知名浏览器有
QQ浏览器、猎豹浏览器、2345浏览器、搜狗浏览器、360浏览器、UC浏览器等。
了解浏览器的设计特点可以更好的设计页面。比如浏览器头的操作高度和信息的显示会不一样,所以每个浏览器上的页面显示也会不一样。
4.点击操作
用鼠标点击、滑动、滚动和拖动。
网页设计中的注意事项
没有内容层次的用户眼中喜欢有序的设计,比如头部的导航和LOGO,灯箱,三栏和专栏以及针对具体内容的页脚。有助于组织心中重要的信息,引导用户关注你希望他们关注的地方。在传统艺术中,新手要学习色彩价值和线性透视三原则等艺术指导。在网页设计中,没有特别的指导方针,但是以直观的方式组织内容是一个很好的经验法则。也是多年培养的用户习惯。最终习惯是最终用户。当然,一成不变不是我们鼓励的。
太多颜色背景一种颜色,内容文本一种颜色,链接一种颜色,页眉和灯箱一种颜色,图案和页脚各一种颜色。这很好,因为它有助于区分有用的内容。但是,几个亮色的多层次和大量对比色和饱和度会破坏你网站的层次和空白色的概念。尽量把自己限制在只有一种明亮的色调(比如蓝色),然后和对面的单色(白、灰、黑)搭配,才能得到好看的搭配。这里强调豆瓣的配色。也是我最喜欢的配色。
字体太多一般是简单的网页设计,一般不超过三种字体。可以说设计中没有足够的空白色空白色。它有助于防止用户在浏览网站时感到疲劳,它可以在内容上拉开距离,而且它看起来也很好。空白色不一定是白色。相反,它只为其他设计元素提供间距和缓冲。空不考虑用户的分辨率。
你考虑过黑底读白和白底读黑的区别吗?你有没有试过在白色背景上看灰字?之所以有些方式比其他的好,是因为它是眼睛感知对比的一种方式。如果你很难舒服地阅读单词,考虑改变字体大小或风格。
不一致性和一致性是网页设计的关键。是一种把网页设计组织在一起的方式,可以营造一种紧密融合的感觉。当网页相互链接时,它可以帮助用户将所有页面连接在一起。如果你在整个网站上不断改变字体大小和颜色,用户很快就会感到不知所措。
空白色相关的文字间距不够。文字间距有两部分,一部分是字间距,与字母之间的空白色有关。一个是行距,与两行文字之间的距离有关。这些有助于区分段落和行,并使用户更容易阅读文本。
欲了解更多关于网络营销的信息,请关注珠海网站建设——大作科技:www.jiezuo.org、www.jiezuo.net、www.jzuo.cn、珠海网站建设。com
原文链接:http://www.jzuo.cn/yingxiaodongtai/747.html
1.《在线屏幕尺子 网页设计尺寸》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《在线屏幕尺子 网页设计尺寸》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/guoji/1033598.html