在网页设计中,页面和版心一般有什么依据。
网页设计选用的分辨率是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)响应式网页设计中版面设置的类型有:对称型、偏置型、标题型、混合型
靠前、页面整体布局的统一和谐。页面的布局方式在网站设计中的地位是非常高的,而且有着重要的地位。页面的布局巧妙的话,可以体现出站长的思想,而且布局出来的页面也是统-和谐懂得。一般来说,页面的布局都是对称的,可以通过空间、文字、图片的布局达到...
第一步、底色和图形色色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师,所能运用的色彩工具多了许多。如今,我们能运用好计算机为我们提供的丰富色彩,看来不是很简单的事情。就我个人而言,在我从事设计师工作以来,往往也会迷失在...