页面版式设计

设计版面就像传统的报刊杂志编纂样,将网页看做 张报纸、本杂志 来进行持版结构。固然动态网页技巧的成长使得我们开端趋势于进修场录编剧,然则固定的网页版面设计基本依然是必需进修和控制的。它们的根本道理是互通的,读者可以体会其要点,触类旁通。
版面指的是阅读器看到的完全的一个页面(可以包括框架和条理)。因为每小我的显示器分辩率分歧,所以统一个页面的年夜小可能涌现640X480像素、800X600像素、1024X768像素等分歧尺寸。
版面结构的步调
(1)草案。这属于发明阶段,不讲求细腻工整,也不必斟酌细节功效,只以粗陋的线条勾西出创意的轮廓即可。尽可能多画几张,最后选定~幅满足的作为持续创作的剧本。
(2)粗略结构。在草案的基本上,将须要放置的功效模块支配到页面上。功效模块重要包括网站标记、主菜单、消息、搜刮、友谊链接、告白条、邮件列表、计数器和版权信息等。留意,这里我们必需遵守凸起重点、均衡谐调的原则,将网站标记、主菜单等最主要的模块放在最显眼、最凸起的地位,然后再斟酌次要模块的排放。
(3)定案。将粗略结构精致化、具体化,最后到达满足定案。
对于版面结构的设计,应该看重如下原则:增强视觉后果;增强案牍的可视度和可读性;统~感的视觉; 新颖和个性是结构的最高境界。网页设计作为一种视觉说话,当然要讲求编排和结构,固然网页设计不等同于平面设计,但它们有很多邻近之处,应充足加以应用和借鉴。
版式设计经由过程文字及图形的空间组合,表达出协调与美、一个优良的网页设计者应当知道哪段文字及某个图形该落于何处,能力使全部网页生辉。网页设计者应尽力做到整体结构合理化、有序化、整体化。优良之作擅长以奇妙、合理的视觉方法使一些说话无法表达的思惟得以论述,做到丰硕多样,而又简练清楚明了。
多页面站点的编排设计请求从页面之间的有机接洽反应出来,这里重要的问题是页面之间和页面内的秩序与内容的关系。为了到达最佳的视觉表示后果,应讲求整体结构的 合理性,特殊是关系十分慎密的有高低文关系的页面,必定要 设计有向前和向后的按钮,便于阅读者可以往返细心研读。
常用版面结构的情势
①“T”构造结构。所谓“T”构造就是指页面顶部为横条网站标记+告白条,下方左面为主菜单,右面显示内容的结构。因为菜单条配景较深,整体后果相似英文字母“T”,所以称为“T”形结构。这是网页设计中应用最普遍的一种结构方法。世
这种结构的长处是页面构造清楚、主次分明,且是初学者最轻易控制的结构办法。缺陷是规则死板,假如颜色细节上再不留意,很轻易让人看后乏味。
(2) “口”形结构。这是一个象形的说法, 就是页面一般高低各有一个告白条,左面是主菜单,右面放友谊链接等,中央是重要内容。
这种结构的长处是充足应用版面,信息量年夜。缺陷是页面拥挤,不敷灵巧。也有将四边空出,只用中央的窗口型设计,例如网易的壁纸站。
(3) “三”形结构。这种结构多用于国外站点,国内应用的不多。[特色是页面上横向有两条色块将页面整体朋分为三部门,色块中年夜多放告白条。
(④)对称比较结构。顾名思义,采用阁下或者高低对称的结构,一半深色:另一半淡色,一般用于设计型站点。长处是视觉冲击力强,缺陷是将两部门有机地联合比拟艰苦。
(5) POP结构。POP引自告白术语,就是指页面结构像张宣扬海报, 以一张精巧图片作为页面的设计中间。此类结构常用于时尚类站点,好比ELLE.com。长处是显而易见,英俊吸惹人。缺陷是速度慢。
以上总结了今朝收集上常见的几种结构,此外还有许很多多别具一格的结构,症结在于网站自己的创意和设计。江的合理街询维环材基馆区战省金、南建州量(olv2)省风东4.7.4 页面美术设计
专业美术设计人员的赞助对企业站点的胜利设计是至关主要的。即就是一个没有一点网页设计经验的专业美术设计人员,也能供给许多关于排版、颜色等方面的建议。现实上,许多传统出书行业的规矩和禁忌,也年夜都实用于网页的设计。
网页设计与其他出书设计最年夜的分歧表示在以下三个方面:
(1)流传的序言分歧。 很多用户是用Modem上彀的,斟酌到用户的容量水平,图形一般不宜太年夜: 平日每个图应小于30KB.每个页面图形总量应小于50KB. 2)最终的宣布媒体分歧。 多半用户是经由过程Windows或MAC机上彀的, 并且当前通 用的分辩率是低于8000是以,美术设计人员的施展寰宇是13~15英寸显示器所能 自款网服 展现的区域。 3)所能采取的文件格 式的限制。对通用阅读器来说, 能辨认的图像格局仅为JPEG和GIF.这两者又各有分歧的特色和实用情况。
与美术设计人员要有优越的合作,网站设计起首应当能向他们供给前面所说的内容和逻辑结

相關文章: