首页 > 教程 > 关键词 > 布局最新资讯 > 正文

网页设计教程:网页设计中排版与布局基础

2008-05-23 14:53 · 稿源:互联网

有些人始终认为,网页最主要是内容,不需要再搞些门面上的东西,还拿出MUD来比 喻。可是,红花还需要绿叶陪衬。想想,若MUD不只是单纯的文本,还有画面出来, 那么,它所吸引的何止现在的这些MUD迷呢? 那么,我所要说的到底是什么呢?初学者如果能够了解一些设计上的东西,那么, 自己的页面不会显得乱,自己看了也开心,别人看了也开心,何乐而不为呢?
我们的主页,说到底,只是一个800*600的画面,那么,我们要怎么对它进行安排 才合理呢? 首先,也是最重要的一点,就是先停下创作,先想好一个主题?quot;设 计,是一种有目的的创造"。若在动手之前并不了解自己将要做什么及要怎么做, 而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话,那么,最终做出来的 东西最多局部看得觉得挺不错的,但全局就显得太复杂了。 页面上的构成,如果要让别人一眼望去觉得很BEAUTIFUL,这里面实际上是有很大 的学问的。

我们先来说说构成,"构成:是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型"。 构成形式里,有空间构成(平面构成和立体构成) 和时间构成(静和动)。 我们的创作,就是要协调这里面的种种关系,顺应视觉 感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有 着如下的部件: 点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的 面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。 线:点集合在一起就形成线。 面:一个平面。 体:一个物体。一般是指物体占据的空间,有三维形状。

那么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?

点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时,一般由小向大看。 近距离的点引起面的感觉。 灵活运用点,可使你的页面有一些本质上的变化。 当点占据不同的空间时,它所引起的感觉是不同的。

(1) 居中引起视觉集中注意 。
(2) 上引起下跌落感。
(3) 在上左或上右引起不安定感。
(4) 下方中点,产生踏实感。
(5) 左下右下,增加了动感。

为什么会这样呢?因为人的视觉,都是经过对生活的感觉都得来的。 在下方的东西,一般联想到大地。 在上方的东西,一般联想到浮云。线、面、体亦然。

线,又分为直线和曲线。直线:给人以速度,明确而锐利的感觉,具男性感。曲线,则优美轻快,富于旋律。曲线的用法各异,需结合自己的需要。 而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔,具踏实感。垂直线则有强烈的上升及下落趋势,可增加动感。斜线,一般我没有怎么使用,蛭??斐墒泳醯囊恢植话捕ā?
人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但 适当运用部梢源锏揭恍┨厥庑Ч ?这个要靠个人的感觉。 面,指的是二度空间里的形。 面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。 几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:

(1) 圆形:运动及和谐美
(2) 矩形:单纯而明确,稳定
(3) 平行四边形:有向一方运动的感觉。
(4) 梯形:最稳定,令人联想到山。
(5) 正方形:稳定的扩张。
(6) 正三角形:平稳的扩张。
(7) 倒三角形:不安定,动态及扩张、幻想。

我们在日常生活中所看到的东西,都是由于形与形、图与底的相互关 系。图形之间,图底之间,正由于对比产生差异而被我们所感知所接 受。 图与底的视差越大,图形越清晰,对视觉的冲击力越大。 那么,平面上 有那么多的东西,我怎么才能够确定它是否是最主要的呢?请看:易于 成为"视觉中心"的条件:

  • 相关推荐
  • 大家在看
  • 嘉实基金:ETF具有四大基础优势

    展望2020年,随着A股机构化、国际化进程的推进,市场效率不断提高,ETF人气暴涨,成为众多投资者们的投资选择。嘉实基金认为目前高股息率、业绩稳定的蓝筹股估值正处于相对合理的位置,具有中长期投资价值。各位投资者在投资的过程中应以时间换空间的中长期视角面对,拒绝追涨杀跌,坚持长期投资。ETF的四大基础优势ETF作为一种在交易所上市交易的的开放式基金,具备四个优势特征:第一,持续推旧换新。例如沪深300指数十年间权重?

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 大发地产精准布局 构筑美好

    5 月 26 日,中国房地产业协会、上海易居房地产研究院中国房地产测评中心联合发布《 2020 中国房地产上市公司测评研究报告》,通过对房地产上市公司综合实力、盈利能力、抗风险能力、投资潜力和成长能力的综合评估,报告重磅发布 2020 中国房地产上市公司综合实力 100 强,大发地产凭借稳健发展实力荣膺“ 2020 中国房地产上市公司综合实力 100 强”第 70 位。财务严控 卓见成效大发地产一直追求稳健发展,密切监控各项财务指标,?

  • exands连续被海底捞点赞,基础架构为餐企降本增效

    有人说海底捞的成功来自于独特的企业文化,感动员工,让员工去感动客人。其实海底捞跟供应商之间的关系也是一样的,以诚意相互成就,一起成长。今年 5 月,exands(兴容信息)被海底捞评选为 2019 年度优秀合作伙伴。exands是海底捞国内所有门店的信息化基础架构运营商,已连续两年荣获该奖。年初,餐饮行业经历了全面洗牌,一些中小商家因歇业、现金困境而被迫关门倒闭,大型连锁企业通过各种方式来减少支出,思考转型升级,借助?

  • Pensando在云基础架构霸权之战中挑战亚马逊

    统一网络组件,以便可以整体使用它们是思科系统公司通过恰当地命名为统一计算系统(通常称为UCS)解决的难题。现在,随着软件使用量的不断发展变化,随处可用,随时可用的模型,挑战在于如何使网络变得灵活。随着Pensando Systems Inc.在隐身模式下于2019年底推出,思科著名的MPLS帮派及其USC团队正着手为网络基础架构创造新的选择,并挑战Amazon Inc.的Annapurna Labs创新王冠。“让我们建造更大,更美的东西,即使我们

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 华为Mate系列高端布局即将完成:Mate Watch、Mate Pod曝光

    Mate系列一直是华为高端产品系列的代名词。目前,除了Mate手机之外,华为还拓展了MateBook笔记本、MatePad平板等。最新消息显示,华为还将在下半年推出Mate Watch智能手表,还会有MatePod全新品

  • 芽芽故事布局品牌IP 独家上线“幼幼科学”系列

    近日,国内知名有声阅读平台懒人听书旗下早教绘本产品芽芽故事APP推出了一套集合了有声、动态、益智游戏多种元素的幼儿启蒙认知绘本——“幼幼科学”系列课程绘本。作为自制品牌IP的重磅内容,“幼幼科学”系列由芽芽故事专业团队倾心打造,结合权威早教理念与幼儿认知体系,科学设计故事内容,匠心打磨动态画面和互动游戏,一经上线就获得众多家长的好评。 科学分龄阅读,循序渐进启蒙孩子思维 据了解,“幼幼科学”系列课程绘本

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 网页排序哪5个特征,百度颇为喜欢?

    常常用于表达一个人对于另外一个人的情有独钟,而在搜索引擎的领域里,很多SEO人员,常常试图去找寻一个“唯一的真理”那就是搜索排序中,到底哪个排序特征对于网页来讲,是最为重要的一个因素,而“我只喜欢你”,对于SEO而言,能不能真的把SEO做好。

  • 特斯拉柏林超级工厂建设加速:一期基础基本成型 钢结构开始进场

    【TechWeb】6月15日消息,据国外媒体报道,在苹果新总部苹果园的建设过程中,无人机爱好者们曾多次光顾这一造价高达50亿美元、乔布斯生前就已完成主体规划、造型似巨大飞船、科技含量极高的新园区,向外界传递建设的进展。而现在,苹果新总部虽已建成并投入使用近两年,但无人机爱好者们光顾知名厂商工厂或办公设施建设工地的状况仍在继续,现在是电动汽车厂商特斯拉,他们在德国柏林的超级工厂建设工地,已多次被光顾,近日又有?

  • 玖富万卡:助力构建数字技术为基础的全方位普惠体系

    普惠金融被推上高速发展的通道,得益于数字技术与金融的深度融合,5G时代的到来将进一步加速这种融合。构建数字技术为基础的全方位普惠体系或是今年全国“两会”的议题之一。在科技赋能领域玖富万卡无疑是成功的,作为科技创新型产品,玖富万卡用实力与成绩交出了满意的答卷。玖富万卡:紧跟时代潮流 助力数字普惠构建基于数字与科技的结合,玖富万卡在风控领域取得了不俗的成绩。在不断的升级与实践中,玖富万卡最终成功地打造出?

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 西瓜视频开通广告收益教程

    ​西瓜视频的广告一般会展示在视频开始或结尾的地方,开通西瓜视频广告收益后,作者将享有一定的广告收益。而平台为了平衡用户体验,并不是每次刷新都会有广告出现。那么怎么开通西瓜视频广告收益呢?以下是关于西瓜视频开通广告收益的详细介绍。

  • 比尔盖茨大赞的保时捷Taycan推出基础版:国内售价88.80万元

    日前,保时捷以线上直播的方式发布了Taycan的入门版车型Taycan基础版,这也是继Taycan 4S、Taycan Turbo、Taycan Turbo S之后的第四款车型,其在中国的售价为88.80万元。Tayc

  • 老车主专属福利!特斯拉基础版辅助驾驶降价9300元

    爱在社交媒体网站上放飞自我的特斯拉CEO马斯克,今日在微博放出了3则重磅消息。首先,马斯克表示,即日起,特斯拉将下调旗下车型基础版辅助驾驶(AP)选装包的价格,当前定价为1.85万元,相比

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • 频繁布局的西瓜视频,能为视频创作者带来什么?

    用苏格拉底的“麦穗理论”和近代数学的“秘书问题”推导找到真命天子概率、用统计学算出考清华和中500万哪个更难、用费米悖论探讨外星人是否存在……<br/>

  • 稳健医疗:数字化建设、信息化布局助力“抗疫”

    6 月 12 日,深圳市政府新闻办公室在市政新闻发布厅举行(工业和信息化专场)新闻发布会。深圳市工信局局长贾兴东在会上介绍了深圳工业和信息化领域贯彻落实全国“两会”精神,落实“六稳”、“六保”的工作,推动产业发展有关情况,以及深圳工业和信息化领域抗击疫情工作中的亮点,并充分肯定了稳健医疗等企业在此次全球战疫中,贡献了“深圳力量”。新闻发布会现场稳健医疗用品股份有限公司董事长李建全受邀出席新闻发布会,并做

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议