网页设计初级常见问题:[3]如何确定网页尺寸

当你确定好了要做的网页的风格,着手设计的第一步,应该就是确定网页宽度了。
确定网页宽度的依据,主要有:
网页内容类型,比如门户类、博客类...;
网页风格,韩国风格、欧美风格、国内常见...;
网页功能,信息量多小、多功能组合、单功能UI类...
...
那到底网页设成多宽,才合适呢:

心得分享

  • 01

    我初学时,也曾头痛过这个问题。怕不正规的网页宽度、不协调的结构比例,让行内人笑话。

  • 02

    其实这事儿,是咱庸人自扰。知道一些基本的、最好可以遵守的原则,具体宽度值多些少些,都无所谓啦。 比如不久前的某个统计时间点上:网易仍960px,腾讯网的首页宽度,从910像素改版为1000像素,新浪与搜狐网依旧保持950px,淘宝网的首页1000px,而淘宝子频道页:男装990px,点卡950px、天猫970px、天猫电器城的首页990px、一淘网1200px,刚刚又浏览了一下淘宝,看来首页、子页,大部分都统一改版为1190……

  • 03

    电商类型的网站首页宽度,大多在1200像素左右:比如京东1210px、苏宁1190px、当当1200px、亚马孙自适应(最小宽度980像素)… 如何确定你欲建的网页宽度、并有效组织页内布局呢?我能给出的,只有两条建议:

  • 04

    一、请研究一下960网格系统 这是个网页设计史上,具有里程碑、或代表意义的网格系统。主要是针对1024*768分辨率的屏幕。 有人说960网格已过时,现今1200像素以上的屏幕,早已取代了1024的市场占有率,学习“960网格系统”已没有意义。 我要说:现今我们学习它的意义,已不再是简单的网格套用,而是一套的网页布局思想:整站布局的统一;平衡、流畅的视觉美感;代码的重用、提炼... 留个思考题:总结相对于1024的屏幕,960网格系统布局的特点、优点。提取必要知识,扩展应用于其它分辨率的网页宽度、结构比例设定上。

  • 05

    二、响应式布局 虽然今时1200像素以上的电脑屏幕,占据着主导地位。但平板电脑、手机MP4/5等移动终端的小微显示器,市场占有率也在极速攀升。 一套页面,自适应多种分辨率,或多种终端设备,已悄然盛行。 这一部内容,初学者要有所了解,才能尽快赶上时代步伐。

(0)

相关推荐

  • HTML网页设计中怎么显示计时访问网页时间

    上篇中向大家分享了怎么在网页中显示对话框.确认框.提示框:下面分享下怎么在网页显示用户的访问时间. 操作方法 01 打开文本编辑器或记事本后,输入基本html标签 <html> <h ...

  • 在自学网页设计路上:[1]如何使网页自动居中

    在使用Dreamweaver制作网页的过程中,网页居中可以体现出对称美感.但是初学者很容易在这里犯难,无论如何调试都无法实现网页自动居中.其实你可以试试下面的方法 基本网页代码 01 以下是基本代码, ...

  • 还在为黑白网页设计犯难?12款设计帮你轻松解决!!!

    网页设计,色彩已成为设计师们提升页面视觉效果和吸引力的重要手段.而且,现今,随着互联网技术的日益发展进步,色彩的巧妙应用,也不再仅仅停留于能够给人以强烈视觉冲击的五彩斑斓.事实上,结合设计师的大胆创意 ...

  • 网页设计未来趋势:高清设计

    网页设计中最热门的技巧之一,就是高清背景图,这得益于高清显示屏的普及.但面对复杂的商标时,就不好处理了. 本文中,我们来展望一下网页设计的未来.高清网页设计是否能主导网络,这已经不是问题了,关键是高分 ...

  • 30个使用全屏照片的网页设计例子

    各位萌芽周五好,周末又快到了,有没有很开心啊!当然啦!不管你开不开心,小编都要送给大家30个使用全屏照片的网页设计欣赏.使用摄影照片作为网页背景是常见的一种网页设计布局,不仅可以提升网页的视觉效果,而 ...

  • 30个国外优秀WEB网页设计精选

    小编:今天给大家带来的是设计之家分享的一些国外优秀WEB网页设计足足有30个,网页设计的风格多式多样,我们今天看到的网页设计大部分简约直观,让我们一起来欣赏学习吧! 设计之家

  • 超简约网页设计之美

    小编:@学UI网翻译社-卡农带来的简约网页设计之美. 这些年网页设计师已经看到了许多设计趋势兴起与消失.但是很少有设计趋势会被认为是一直很盛行的,那些通常给下一个流行趋势留下小小的影响. 极简主义风格 ...

  • 极简网页设计技巧,打造简约之美

    极简主义网页设计风格,如何才能做到简约而不简单?简约风设计需要了解和掌握哪些禁忌和技巧,才能让网页设计简洁而不失魅力?继续阅读文章,小编将结合具体实例为大家一一讲解. 近几年,极简主义设计风格(也称简 ...

  • 网页设计:如何布局是关键

    操作方法 01 一个网站是由许许多多网页组成的,网页是网站的主心骨.一个精美的网页不仅仅是依靠图文并茂的视觉展示,更重要的是网页的架构和布局,合理的布局才能让网页易于用户接受.   对于网页设计的初学 ...