建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > 交互设计教程 >

网页版式浅谈

更新时间:2017-04-14整理编辑:建站学习网阅读:0

  网页中心

  由于人的生理特征所决定,在一个版面中,人们感觉到的中心比实际的几何中心要略高一点,我们称它为视觉中心,这就是为什么在一个版面设计中,主要的文字和图形经常放在中间偏上一点位置的原因,应当认识到,在版面中这个区域较之下部或边缘地区是最爱人重视的区域

  但是,这并非所有的设计都要千篇一律将版面中心放在视觉中心的位置,反之,聪明的设计师往往用种种办法,将版面中心偏离视觉中心,以取得新颖醒目的效果,他们或采用大面积空白,或通过版面运动导线的走向,色彩纯度、明度的对比进行强调、烘托,从而突出版面中心。

  画家潘天寿作画时便是这样做的,他一反传统绘画中将主体放置画面中间的惯例,以一块用线勾勒的空白大石头充满画幅,将画面的主体——老鹰或花草放在画面边缘。这种大胆破格的精神值得我们借鉴。

  网页比例

  美的形式原理存在于艺术各个门类,网站制作也不例外,好的网站制作必须遵守这些设计原理,将美融汇于网站制作中,网站制作中的页面原理的讲解虽然分十二节进行,但是你应当清醒地认识到:这些网页制作中的页面原理之所以分开来讲解,只是为了给深入研究每一课题提供方便,实质上,它们之间是相辅相成的、密不可分的,通常情况下,这些网页设计原理是既对立又统一地共存于一个网页中的。

  第一节 网站制作中的比例

  美的比例是网页设计成功的基础,好页面的首部、菜单、页面和底部的合理安排和选择,首先取决于良好的比例!

  自古以来,公认为最美的比例是黄金比(黄金分割)--1:1.618.取AB线段的二分之一作垂线与点B得BO,取O为圆心,BO为半径作圆与AO交于点C,AB为长边,AC为短边,它们的比例既为黄金比.

  还有一种美的比例标准产生于德国,我们称之为德国标准比例.既以正方形的对角线为长边,正方形的一边为短边,作圆弧得到的长方形(如上图右)是德国标准比例.其大方、朴素、公正,用之于网页设计,可使人感觉稳重、可靠,确实是一种美的比例标准。

  良好比例的运用,是网站制作中艺术修养与审美情趣综合、灵活应用的结果,切生搬硬套.

  网页方向

  在版面中,字行、字组、图片的安排都存在着某种方向的运动感,我们将其概括为水平、垂直、倾斜三类,水平线与视线左右运动的方向一致,使人感到舒展、自在、犹如广阔平静的大地,而垂直线与视线上下运动不如左右运动灵活自如,垂直的运动使人联想到瞻仰纪念牌等崇高、肃穆的活动,倾斜线条则充满着动感。

  当两条线逐渐向选拔的方向移动,我们称之为会聚,当它们相交后,便形成了角,当视线沿角的两边滑动,相交于角的顶点时,会停留片刻,然后沿角的方向继续向前移动,这也是许多指路牌使用箭头的缘故.

  还在一种情况:当两条会聚的线,在相交之前就停住时,人们的视线会不自觉的沿着一存在的虚线继续向"会聚点"移动.

  在版面中,会聚的方向通常应引向版面中较为重要的中心,而不应引向边缘次要的位置,从而分散了对主体的注意力.但是有一种例外,当将角群化处理后,多个角的不同方向形成了一个美丽而富于变化的底面,这时,单个角的方向感大大削弱,也就无所谓对主体注意力分散的问题了.

  网页分割

  网页制作中的分割是一种最基本的,随处可见的版式原理。分割有两种:1.横向分耕,2.纵向分割。

  横向分割是二维的、平面的,在一个网页中,随意排上一行字,便有意无意的存在着一个分割的问题,即:一条线被分割为两段后,两段间的比例是否美的问题,实质上,它是一个比例问题。如版心与开本比例是分割,行距、字距的确立也是分割,每一个字的设计也存在分割。在一个网页中,多层次、讲究的横向分割将复杂的局部组织成统一协调的整体。

 

  纵向分割是指向网页深处沿伸的纵深分割,使二维的平面具有三度空间的效果,犹如一幅风景画具有清晰的近景、柔和的中景、轻柔的远景一般。这些层次的形成,首先决定于每一层次与空白版面本身的明度对比,其次还有色彩纯度对比的影响。通常将这种层次对比称之为三分法,三分法使版面主次分明、清新美丽,避免了主次不分、杂乱无章的状况。各层次间的对比可强可弱,它们可以组合成无穷无尽的多种情调的版面,但是经验告诉我们,过多的层次往往影响版面单纯、清晰的气质,简练的少层次的分割往往更受欢迎。

本文网址:https://www.dedexuexi.com/wysj/jhsj/2926.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
一组能切实提高转化率的网站着陆页设计
« 上一篇2017年04月14日
如何设计新闻类型的门户网站
2017年04月14日下一篇 »
  • 网易云音乐WP1.0设计项目实战
    0阅读
    WP 平台是很多设计师很少涉足的地方,优设之前发过一篇WP设计规范指南,今天网易的同学继续上干货,来一篇WP的设计项目实战!作为一款有诚意的音乐APP,这次设计过程相当用心,值得学习的地方也很多,学习来。项目背景Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成...
  • 马伯庸教你如何做一个万年好甲方
    0阅读
    编者按:原以为亲王精通历史,会写小说,现在才知道他也很懂作为甲方的门道啊。今天分享@马伯庸 同学的一篇好文,前有笑点,后有干货,有趣得紧。作为设计师,能遇到这样的甲方就嫁了吧。@马伯庸 :对我们甲方来说,艺术性是第三才需要考虑的因素。我们第二考虑的是如何有效率地把核心信息传达到客户那儿去。无论多么...
  • 网站设计主题和风格是重点
    0阅读
    企业为了在互联网上争夺一席之地,纷纷建起了网站。企业的网站就像企业的网络门户,既然是门面那么就要将网站建设好,充分展现企业的良好形象。貌似许多企业建网站是为了赶时髦,因为他们的企业网站设计的实在是不堪入目,这样不仅不会为企业带来什么利益,相反还会毁了企业的形象。那么企业要建好这样的门面应该如何入手呢...
  • 如何给网站布置干净的“关于我们”页面
    0阅读
    所有网站,无论是官方、电子商务、社会化网络还是个人站点,都应该设计一个恰到好处的关于页面,直截了当地告诉到访者,为什么要浪费他们宝贵的时间浏览你的网站。 一、为什么要有关于页面 不要让用户思考! 1、向浏览者传达本站的价值,留住用户 2、始终提醒自己站点的主旨,不要跑题 二、起什么名 关于页面存在的...
  • 如何建立一个成功的移动应用
    0阅读
    一个消费者应用程序是否成功,只通过相加其组成部分的总和来计算。简单的查看用户手机应用的下载历史,用户设备残留的移动应用数量,和那些真的被坚持使用的移动应用情况,就能知道这句话的真实含义。然而,如果你想知道为什么有些用户不再使用某些手机应用,那这篇文章可能会给你一些启示。 像一台机器一样,移动应用通过...
 
QQ在线咨询