紧要是以PC端界面打算为主，分解网站筑造流程、打算类型、网站的风致把控、行业的颜色运用、排版以及交互交互理念的打算技巧，再加上 HTML 5 代码的结构完成，相应式的排版，还能独立筑造网站的才智。

　　网页打算是遵照企业生机向浏览者转达新闻（席卷产物、供职、理念、文明），实行网站效力筹备，然后实行页面打算美化的就业。

　　通过运用更合理的色彩、字体、图片、样式实行页面打算的美化，正在效力限度的景况下，尽或者予以用户圆满的视觉体验 。高级的网页打算以至还会酌量到通过声光、交互、动画等完成更好的视听感想。（表面主导实行、实行考验表面的独一措施）

　　比如这个页面，连结了动画、声响、音笑、排版等方面衬着出了全盘页面的气氛感。这个页面的排版风致也是跟古典、复古有必然的接洽，点进去看又有幼按键那些斑纹边打算的也是很有创意

　　寰宇上最早的网页来自于万维网的发觉者，互联网之父蒂姆·伯纳斯·李，是一个好似维基百科的超文本正在线编纂数据库。然而具体的排版比力纯洁，基于文本以及包蕴几个链接网站。

　　雅虎（英文名称：Yahoo，NASDAQ：YHOO）是环球第一家供给因特网导航供职的网站。是美国出名的互联网流派网站，20 世纪末互联网古迹的成立者之一。其供职席卷查找引擎、电邮、音讯等，交易广博 24 个国度和地域，为环球凌驾5亿的独立用户供给多元化的收集供职。同时也是是一家环球性的因特网通信、商贸及媒体公司。

　　1994 年，雅勇将本人定位于一个目次网站，可跳转页面分表干脆，连图标都没有，能够说是跟万维网这个网站类型简直差不多。

　　1995年，雅虎着手有了头部打算，也有了查找效力、Logo打算、以及8个效力按钮。

　　1997年，雅虎映现了沿用至今的 “yahoo!”经典logo，下面还加上了合联的列表 。

　　2000年，能够信任的是，此中的案牍边多了，与之前的比拟，具体的页面不是很杂沓，也比力有层次性，排版也比力划一。此中应用了一个排版原则：栅格化结构（比力像报纸上的一种排版风致）

　　早正在网页打算时间，栅格化结构仍旧着手风行。考验一个前端的根基功便是考查他写的结构是否类型。因为网页打算紧要基于比力宽的电脑显示器屏幕，所以打算师为了能让打算的分栏尤其文雅和苛谨，便将宽度实行了更用意义的划分，当时的网页宽度以950px，960px，1000px，1190px，1200px居多，而且网页打算经过中大大都实质是要分栏的，但是分多少适应呢？有些打算师会说，我疏忽划分宽度就好，只须视觉承担都是能够的。也有些更苛谨型的打算师说，不可！咱们要供给少少宽度比例，让这些分栏更靠近于黄金比例的数字，如许会更文雅。于是，他们将网页区域画出n多个幼块，然后让这些实质吞噬区别单元的块，所以就变成了下图的形貌：

　　最常见的结构便是24块分三栏的式样，左边n=4，中心分栏n=11，右边分栏n=9个单元。如下图的Yahoo！网页打算。

　　如许做的好处显而易见，打算师更便利的计量页面宽度，各个分栏直接的间距，而且它们拥有更高的一律性。正在当时960Grid System更为时兴，咱们看到下图，就能够有更直观的感想。

　　2002年，网页体积接续增添，颜色更是加多，但是又有框架打算，也会援用少少图片元素加以声明。

　　2004年页面变得比力富丽，然而字体变幼了，具体的页面采用两种色调，又有大幅的告白映现。

　　2006年，雅虎首页产生了少少比力细幼的转移，比方logo下面的按钮没有了，查找条的样式也变长了，然而梗概上是一律的，紧要是以音讯为主体的流派网页打算，比以前的版本相对来说简约了不少，趋势于色调的团结性。

　　2009年，logo的色彩采用了紫色，雅虎的本命色，全盘网页色调许可，且比力显得新颖高雅。页面的实质有比力精简，又有效户的性子化打算，以“我的利用轨范”来管束用户、第三方邮箱、社交网站、资讯，让雅虎有了本人的供职编造，同时也让雅虎主页成为了更多互联网用户的开始页。

　　2021年雅虎首页打算风致简约，这也相符现正在的潮水，安排了具体配色，主logo色彩安排，又有logo景象转化得更兴味味性，分表能捉住现正在用户思要的视觉感想。

　　前期的页面上的图标、按钮展示得比力立体，正在新闻量越来越多的景况下，投影、立体感等实在是会变成一种视觉滋扰，会影响一面合心其他新闻上的阅读。这里所展示出来的扁平化视觉成效，实在便是摒弃了一共民多感觉比力繁杂、费事的排版。

　　具体的表观、配色出现出一种高冷的风致特质。没有过多的衬托以及富丽的颜色露出。是以一种残酷的局面存正在。凸显出一种没有激情、无欲无求、冷飕飕、一动不动的一种奇特风致。

　　然而淡漠的对立面就显得比力炎热、绽放、绚丽四射的视觉感想。颜色配色比力雄厚、斗胆、浮夸。

　　淘宝：淘宝网是亚太地域较大的收集零售、商圈，由阿里巴巴集团正在2003年5月创立。淘宝网是中国深受迎接的网购零售平台，具有近5亿的注册用户数，每天有凌驾6000万的固定访客，同时每天的正在线万件商品。跟着淘宝网不竭地更始和更始，网站界面打算画面尤其干脆。

　　固然中国互联网起步较晚，然而跟寰宇上的成长进程也是差不多的，2005年前后正在淘宝网其全盘的按钮比力立体化，然而其页面的按钮、排版的厚度、高光、暗影的排版是比力烦琐，比力扁平化，容易让用户看不到要点，无法让用户转瞬找到本人心仪的商品新闻。且查找栏效力不被注重，感想不到本质的用途，让用户无法直接看到要点。

　　然而看2013年前自后的淘宝网的页面打算，其购物分类都枚举的比力明显卖商品的效力尤其的美满，同样其查找栏也有这分表显然的转移，便利用户查找。

　　正在产物领会的经过中，又有许多的地方需求谨慎——用户习俗，每个行业都有每个行业的用户习俗。举个例子：

　　为了用户习俗性操作需求，客户心情的转移需求，其电商平台的页面结构的主体色彩寻常为暖色调，且顶部查找栏比力大，左边选项卡为商品分类，中心筑树告白栏。

　　寻常的品牌logo居中，下面结构为商品导航，产物详情也许位子结构筑树都比力好像。

　　收集公司：特意做网站的，寻常以量为主，加班较多，但有提成，内部的打算师最高身分也便是打算部分司理，然后缓慢升管束层。当然，这是对有身分空白的企业来说的，也有做一辈子网页打算的，和发售一律，是中国最好获利的企业，每个网站佣金5，打算师能够月收入万。

　　私企：为公司网站和爱护，席卷少少购物收集、网站反复结构，这晦气于打算自己的成长，就业相对轻松，没有压力，并且对员工哀求更周详，打算、切割图以至代码都要明了，做两年或三年，就变得周详了，但不行抬高打算程度，假使是幼企业的话，对来日成长没有好处。

　　告白公司：特意打算高端的网站，独特哀求会flash本领。加班很经常，工资也很高，对平面打算也有哀求，成长远景不错，但才智不敷的话，压力会很大。

　　网页打算是一个比力独立的岗亭，需求量比力大，一线、二线都会都会的均匀薪资程度正在8-1W阁下，三线K，的确能够正在BOSS直聘、出息无忧、智联任用、拉勾网等任用网站看看这些岗亭需求。对薪资哀求更甚者，能够往UI倾向深造。

　　静态页面没稀有据的交互，筑造速率速，本钱低，但不宜改正，更新费事；如：星巴克官方网页

　　动态页面稀有据的交互，如贴吧、QQ空间、微博、NGA论坛、网易音讯等网站平台。

　　多看：正在具体的排版打算上简约整洁，正在进修的經過中，能夠多去找少少比力傑出的網頁打算師，觀摩進修他們的作品。

　　多懂：正在伺探打算的經過中，要分解這個打算師正在打算經過中所運用的措施，譬如顔色的搭配，爲什麽要如許搭配，如許搭配的上風是什麽？

　　多练：能够遵照区别的风致实行打算、排版多做两版，然后实行比拟，寻得每一个打算中的优劣，然后正在实行校正。