网页页面多宽,版心多少,字号一般定多大的有什么依据?UI/UE设计

在网页设计中,页面和版心一般有什么依据。

网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。全屏展示,是整个网站看起来大气一些,但是布局要合理安排,不然看起来有些傻大的感觉。两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。

现在的网页,主要以1024*768分辨率浏览,当然,也考虑800*600分辨率用户的浏览网站建设尺寸规范页面标准按800*600分辨率制作,实际尺寸为778*434px,页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸,全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸,每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

当前最流行的分辨率是1920*1080的,在该分辨率下,页面中心区域为1200px以内都可以。建议1000-1200。

标题32左右,正文14左右

在ps里面做网页可以在1003*600状态下显示全屏,页面的下方也不会出现滑动条,尺寸为1003*650像素左右。1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成10053、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001网站页面大小其实并没有一个统一的标准,不过网站建设好之后要记得测试各浏览器的兼容性,很可能在IE没问题的情况下,其他浏览器出现错位的情况。

版心:目前主流电脑的浏览器分辨率是1920*1080,不过老的显示器是1440*900,比分笔记本是1378*768,所以推荐的宽度是1200px,这样电脑笔记本都可能正常显示全部页面,保持两侧都有空白宽度

宽度:一般网站内容显示的区域为996px;国内网站大部分还是以1000个像素为界限,因超过1000像素适合在大屏幕上浏览,小屏幕会显得拥挤。所以网站宽度在1000像素以内可以保证大部分用户舒适的浏览网页。

字体:

网页字体

字体设计的总原则是:可辨识性和易读性。

网页的文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体,英文则建议使用arial无衬线字体

常用的字号大小有以下几种:

14px则适用于非突出性的普通正文内容。

16px、18px或者20px适用于突出性的标题内容。

字体颜色:

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

依据:主流浏览器的界面参数与份额、分辨率数据、网页宽度、首屏高度等

网站首页页面宽度pxYahoo!950淘宝950MySpace960新浪950网易960LiveSearch958搜狐950优酷960AOL960

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。

如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

网页设计的工具

网页设计软件:FrontPage(简单易用,且高度符合IE浏览器支持设计);DreamWave(功能强大,设计成品支持众多浏览器)。

图像处理软件:Photoshop或Fireworks;动画制作:FlashMX。

知识储备:基本网页常识;HTML知识(很简单,早期只用此制作网页,用记事本即可编辑,用浏览器打开后呈现网页内容);CSS知识(级联样式表(CascadingStyleSheet)简称“CSS”,通常又称为“风格样式表(StyleSheet)”,它是用来进行网页风格设计的。通过设立样式表,可以统一地控制HTML中各标志的显示属性。

专题页是电商页面类型,移动端/PC端是端口,在电商设计中,两个端口是都需要设计专题页的,但一般情况下是设计PC专题页面以后,按照移动端的尺寸规范及交互特点改版成移动端专题页...

一、几何切割实现的时候需要注意的是素材不适合太过复杂和花哨,一般会是纯色大块搭配渐变,主要突出形状和区块。a.简单切割b.对称切割c.组合切割d.多重切割二、主体轮廓设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的、次...

搜索框居于重要位置网站搜索功能对于移动网站来说是一项重要的功能,移动端页面优化就需要保持和留住搜索功能,并且这种功能需要居于重要位置

(1)契合主题氛围每个专题包含一个或多个主题,设计师不能像制作产品使用说明书一样,将内容直接展示给用户,专题设计要围绕着获得的主题展开内容策划和页面设计。例如,节日类专题注重在节日氛围的烘托中宣传优惠活动,优惠类专题则重在渲染实惠的优惠氛围。(...

平面是进入设计领域的必须条件和门槛,所以还要扎实平面设计的技能,只有基础扎实才能更好的学习UI。然后从需求出发学习掌握企业网站的设计思路和设计技法,量化整站设计的设计流程和商业性网站的设计目的。学习掌握响应式网站和自适应网站的设计技法和终端的...

一般身边做设计的朋友都说,作图还是用苹果电脑比较流畅色彩度还有作图的手感会比较好

很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和...

近些年,我们使用手机的方式发生了很大改变。和它同样改变的,还有移动端产品的设计趋势。随着手机尺寸的变大,设计师们必须根据现实情况的改变,调整自己的设计。我们必须在追求创造的同时兼顾可用性。拟人化的语言风格品牌形象(Brandvoice)得到了升级—...

按住鼠标左键不放拖动标尺到页面,释放鼠标即可创建参考线。

Sass扩展了CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass生成良好格式化的CSS代码,易于组织和维护。SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还...

同一个页面的颜色不要超过4种。眼花缭乱,容易产生视觉疲劳。颜色对比不要反差太大。网页版面不是美术作品,要避免形式对内容的喧宾夺主。文字+底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。...

学HTML,是必须的。学好这个然后学DIV+CSS,当然要把网页做的好看。必须学会PS,也就是PHOTOSHOP。这两样学会了。就会做一般的静态网站了。如果想做一些动态效果,就得学FLASH。要是想做动态数据,就要学,PHP,ASP,JSP,.NET中的某种。最重要的还是,HTMLCSS...

最基础的就是HTML、CSS、JavaScrip这些了~报班的话效果好一些速度快能短期内培养成企业需要的人才

(1)流式布局Fluid(2)固定布局Fixed(3)弹性布局Elastic(4)伸缩Flexbox(5)响应式网页设计中版面设置的类型有:对称型、偏置型、标题型、混合型

靠前、页面整体布局的统一和谐。页面的布局方式在网站设计中的地位是非常高的,而且有着重要的地位。页面的布局巧妙的话,可以体现出站长的思想,而且布局出来的页面也是统-和谐懂得。一般来说,页面的布局都是对称的,可以通过空间、文字、图片的布局达到...

第一步、底色和图形色色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在...

THE END
1.一般网页LOGO的尺寸是多大啊由于网络页面和显示器目前的设定:网站LOGO大小规定为88乘以31;企业或者组织的LOGO通常不限定大小;至于Banner也是有相关尺寸规定的。为了便于互联网上信息的传播,一个统一的国际标准是需要的。关于网站的LOGO,目前有国际标准规范 : 全尺寸banner为468乘以60px;半尺寸banner为234乘以60px;小banner为88乘以31px;120乘以90...https://edu.iask.sina.com.cn/jy/3eelVe8W8lD.html
2.banner大小多少合适,网站上banner大小的压缩多大体积合适这个区域的图,不管是大图 还是 小图 体积不要超过85KB,一般情况下34~85KB 之间。 2,banner图的话什么尺寸是最好的1000的宽度要配多少的高 我不会~~~但还是要微笑~~~:) 做banner多数都是客户给的尺寸,1000的宽度,高多数在200左右 3,app上的Banner尺寸机型适配需要多少个尺寸合适 ...http://www.azwzsj.com/article/ejhigg.html
3.网页设计需要了解的相关知识关于网页尺寸的设置: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 ...http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
4.网页设计标准尺寸120*240 垂直BANNER 当然这只是一般意义的对访问者比较友好的设置,很多设计型的页面并不是按照这个尺寸,正所谓艺高人胆大嘛,只要记住一条,站在用户的角度去想,明白自己所设置的尺寸在显示器里的大概样子就可以了。法终究是无定法的。 参考: 网页设计标准尺寸: ...http://www.360doc.com/content/09/0615/16/29630_3905632.shtml
5.网页设计一般至少设置多少高度?制作网站时网页的尺寸是多少?网页...网页设计一般至少设置多少高度? 大致高度如下:WindowXP的第一个屏幕大小580pxWindow7的第一个屏幕大小710px的具体原因如下:网页的尺寸设置和浏览器与系统的大小有关,我们不能满足用户的最佳尺寸,但我们能做的是让大多数用户感觉最好。系统分辨率统计:测试30W以上的客户端用户,获得的测试数据如下(数据来源于网络):在Win...https://jz.fkw.com/wzjs/49656.html
1.网站设计大小,网页设计一般尺寸规范资讯分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px。 banner一般的常见尺寸具体如下:728×90像素:常用于网站顶部横幅广告。300×250像素:常用于网页右侧、文章内部或APP内的广告。 首页右上,尺寸120*60。首页顶部通栏,尺寸468*60。首页顶部通栏,尺寸760*60。首页中部通栏,尺寸580*60。内页顶部通栏,尺寸468...https://bbcdf.com/post/1600.html
2.网页Banner尺寸知多少?一文全搞定!1、网页 Banner 尺寸有哪些 官网设计 Banner 尺寸时一般是 468*60px(宽度 * 高度),一般会出现在网页的顶部导航栏或者是网页文章标题的下方,在网页布局中整体偏上,可以说是一个网页的 “页眉” 位置。如果设计的 Banner 是 gif 格式,大小就是 14K,如果是 swf 格式,则是 16K。官网通常使用的就是全尺寸 Banner...https://js.design/special/article/webpage-banner-size.html
3.网页logo/banner标准尺寸资源在网页设计中,Logo和Banner是两个至关重要的元素,它们不仅代表了网站的品牌形象,还对用户体验和视觉吸引力起着决定性作用。本篇将详细探讨网页Logo和Banner的标准尺寸,帮助你创建出专业且吸引人的网页设计。 我们来了解一下Logo。Logo,全称“Logotype”,即标识或商标,是企业或品牌视觉识别系统的核心部分。一个优秀的...https://download.csdn.net/download/IUNIAN/2703806
4.10分钟带你掌握网页banner尺寸在今天的数字营销领域,创建引人注目的网页banner是吸引用户并将其转化为潜在客户的关键因素。理解并掌握网页banner尺寸,可以让你的网页设计更具专业性和吸引力。在这篇文章中,我们将深入解析网页banner尺寸,并为你提供一些重要的设计指南。 1.什么是网页banner ...https://pixso.cn/designskills/master-the-web-banner-size/
5.什么是banner设计?尺寸有哪些?网站banner是指在网页顶部的广告条,即网络横幅广告,是网页广告中比较重要的一个表现形式,一个表现商家广告内容的图片,放置在广告商的页面上,是互联网广告中最基本的广告形式,尺寸是468*60像素,或233*30像素,随着显示器尺寸的增大和站点的多样化,使用标准尺寸以外大小的banner越来越多。一般是使用GIF格式的图像文件,可...https://www.haoku5.com/shenghuo/6450fa524ec69acba302a1d7.html
6.网页banner图一般尺寸是多少?成都网站优化确保banner图的长宽比与推荐尺寸相匹配。 不同设备的屏幕分辨率各异,因此请优化banner图以适应多种尺寸。 考虑banner图在页面布局中的位置,确保它不会被其他元素遮挡。 网页banner尺寸设计规范 为了确保网页banner图的最佳呈现效果,遵循特定的设计规范非常重要。这些规范有助于保持一致性和专业性。 https://www.x-pd1.com/mites/p/2944.html
7.网页设计常用尺寸大小网页设计中常用的广告尺寸 BUTTON 120x60 215x50 通栏 760x100 430x50 超级通栏 760x100或者760x200 巨幅广告 336x280 585x120 竖边广告 130x300 全屏广告 800x600 弹出窗口 400x300 BANNER 468x60 悬停按钮 80x80 流媒体 300x200 网页设计LOGO的标准尺寸 ...https://www.yjbys.com/edu/wangyechengxusheji/512.html
8.Banner尺寸大小规范详解,设计banner必须知道的尺寸知识!2.300×250像素:常用于网页右侧、文章内部或APP内的广告。 3.336×280像素:常用于网页右侧、文章内部或APP内的广告。 4.160×600像素:常用于网页左侧或右侧的竖幅广告。 5.300×600像素:常用于网页左侧或右侧的竖幅广告。 以上是常见的banner广告尺寸,根据实际需要可以选择不同的尺寸。 https://www.chuangkit.com/blog/pingmiansheji396.html
9.网页banner设计要点网页设计师都明白,网页对于用户的第一印象是非常重要的,而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的Banner。当用户一打开网页的时候,映入用户眼帘的Banner ,是影响https://www.bjszhd.net/news/233.html
10.网页设计的导航栏尺寸(网页设计导航栏间距怎么设置)其他分辨率情况下的尺寸如下 800*600下,网页宽度保持在778以内 1024*768下,网页宽度保持在1002以内1920*1080分辨率下顶部banner尺寸建议1920*500,最顶部信息栏与导航栏建议高度40126 网页中字体也是有使用规范的。 网页的背景多大要看对网页的要求的,一般是要求在800*600左右电商banner的尺寸Banner一般分为电商banner和广...https://www.yuanmacun.com/post/116821.html
11.浏览器网页界面设计尺寸一般多少比较合适?优设问答浏览器网页界面设计尺寸一般多少比较合适? 生成问答海报 我要提问 我来回答 优设网 uisdc.com 2012年成立至今,是国内极具人气的设计师交流学习平台 看设计文章,学软件教程,找灵感素材,尽在优设网 按Ctrl+D收藏本站 返回首页 优设鸡 作者:插画师小光sir 关于我们 优设是国内专业设计师平台,2012年创办至今,...https://www.uisdc.com/talk/121207490355.html
12.pc网页图片设计尺寸(pc端网页尺寸标准1440)网页设计标准尺寸1800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定21024*768下,网页宽度保持在1002以内,琼中黎族苗族自治县数据恢复如果满框显示的话,高度是612615之间就不会出现水平滚动条和垂直滚动条。 打开网站页面我们会看到颜色丰富图案各异的banner图片,它们的大小也是不一样的ba...http://gp.ayavwy.cn/post/037c496072.html
13.网页设计常用的字体大小行距间距规范规范/资料banner字体推荐 下面给大家推荐下在网页banner图片中,使用频率高的字体 第一类,稳定型(协调,齐全,稳定,高质) 微软雅黑 冬青黑体 宋体 华文细黑 方正正中黑 方正兰亭系列 第二类,刚硬,锐利,清晰,强烈 造字工坊力黑体 造字工坊版黑体 造字工坊劲黑体 锐字逼格锐线体简 张海山锐线体 华康儷金黑 蒙纳超刚黑体 ...https://www.ui.cn/detail/499398.html