需求注重如下四点:
一、增强视觉成效;
二、普及复印件的可视性和可读性;
三、视觉同一感;
四、奇怪感和个性是规划的地步。
设计主页的起头是设计规划。就像传统的报刊编纂同样,咱们把网页看做报纸和杂志的版面。尽管动态web手艺的发展使咱们倾向于进修情形写作,可是网页版面设计的固定根蒂根基依然是需求进修和把握的。他们的根本准则是共同的。你可以捉住要点,触类旁通。规划是阅读器看到的完整页面(包括框架和层)。因为每一个人的显示辨别率差别,沟通的页面大小能够会泛起640*480像素、800*600像素、1024*768像素等差别的大小。
版面是将图片和文字以最适合阅读的体式格局分列在页面的差别位置。你能够注重到“最适宜”是一个不确定的描述词。甚么是最适宜的?对不起,阿杰不克不及也不克不及给你一个完整正确的谜底。就像有人想知道胜利的法门。一个胜利的人只能通知你用甚么要领,用甚么要领最容易患到胜利,但没有一步胜利的“法门”可以通知你。咱们在设计思虑系列的第四篇文章中谈到了网站的总体创意。规划也是一个创意问题,但它比网站的总体创意更易、更规则。
咱们先来理解一下排版的步调:
一、底稿的新页面就像一张白纸,没有任何模式、框架和通常的东西。你可以尽可能用本身的想象力来画出你想画的“场景”(咱们倡议你用一张白纸和一支铅笔,当然另有photoshop等)。这是缔造的阶段。咱们不讲求粗劣整洁,也没必要思索细节的作用。咱们只能用粗线条勾画出缔造力的轮廓。画尽能够多,末了选择一个合意的作为进一步创作的剧本。
二、 大略规划在草案的根蒂根基上,您确定是否需求在页面上放置分列的功用模块(注:咱们在“主页设计-简介”中提到了功用模块,主要包括网站标识、主菜单、新闻、搜索、友链、广告条、邮件列表、柜台、版权信息、,等等)。注重,在这里必需遵守突出重点衡调和的准则,把最首要的模块,如网站标志和主菜单放在最显眼的位置,而后思索二次模块的排放。
三、 在末了的决议中,粗排会细化详细(只要用你的聪明和教训才气做出有创意的规划)。
在规划的过程当中,咱们可以遵守如下准则:
一、正常的均衡,也就是所谓的“对称”。它主要强调秩序,可以到达不变、诚笃、信托的成效。
二、不正常的均衡——即不合错误比的模式,也有均衡和节拍,当然是不平均的,这类规划可以到达强调、不安、高度存眷的成效。
三、对比——所谓对比,不只是运用色采、色调等技法进行浮现,在内容上还可以波及古今、新旧、贫富的对比。
四、谛视——所谓谛视,就是行使人在页面上的视野,使阅读器仿照如下心理,从而到达谛视页面的成效。普通来讲,用星光谛视。
五、blank---blank有两个功用。一方面,它是优良的其余网站;另外一方面,也显示出网页档次的优胜性。这类表达体式格局对付展示网页的气势派头是十分有用的。
六、试着用图片来注释——这类要领对付没法压服或没法用言语表达的情感出格有用。画面讲解的内容可以向观光者转达更多的心理因素。以上的设计准则尽管干燥,但如果是能理解并应用到页面规划中,成效会截然不同。比方,若是网页的白色背景太空,可以疾速增加一些颜色;规划分离,可以用线条和符号连贯;若是左侧的单词太多,可以在右侧插入一张图片来连结均衡;这张桌子太参差了。你可以试着用导向角替代。
颠末不竭的测验考试和思虑,你的网页必然会很亮丽:看看咱们常用的规划模式:
一、“t”型结构规划。所谓的“t”结构。指页面顶部为横条式网站logo+广告条,底部为左侧主菜单,右侧显示内容的规划。因为菜单栏的背景很深,总体成效雷同英文字母“t”,以是咱们称之为“t”规划。这是网站设计中运用最普遍的规划。这类规划的优点是页面结构明晰,主次清楚。对付初学者来讲,这是最简略的规划要领。缺陷是规则很严厉。若是不注重细节,很容易让人“无味”。
二、“口”规划。这是一个象形视图,即页面高低各有一个广告条,左侧是主菜单,右侧是友链,中央是主要内容。这类规划的优点是充实行使了规划,信息量大。缺陷是页面拥堵且不灵活。还将有四个免费,只要中央的窗口式设计,如网易墙纸站。
三、“三”规划。这类规划多用于外洋网站,但在中国没有。它的特性是在页面上有两个程度色块,将整个页面分红四个部分。大大都色块上都有广告条。
四、对称对比规划。望文生义,接纳左右或高低对称规划,半暗半亮,普通用于设计园地。优点是视觉冲击力强,缺陷是两部分有机连系比力坚苦。
五、弹出规划。pop是指以页面规划为海报,以大度的图片为设计中心的页面。常用于时尚网站,如elle.com。优点很明明:大度又吸惹人。缺陷是速率慢。作为一个规划,它是值得进修的。以上总结了常见的网络规划,实在也有不少共同的地方网格规划,关键在于你的创意和设计。