Web设计中的黄金分割[译]
作者：被遗忘 发布时间：2009-02-20 13:41:00
数学是优美的. 听上去有点奇怪? 当我第一次开始设计的时候，我确信如此。数学如此刻板乏味。你可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至人都有数学上的共同点。尤其是黄金分割，也被称为神之比例，希腊字母表示其为 Φ (phi). 本教程会剖析一个网站的布局，以及如何对其黄金分割
网页骨架
这些是web页面的主要元素。有很多不同的方法去组织它们，但是这种布局也许是最常用的。
Container
所有的web页面都用一个container，主要是为了同一个目的：去包含一些页面元素，然而这个方法实现各有不同。例如，body标签或者是最常用的div。甚至于过去常用的table（不要使用table作为你的container，这是一个破方法）。想想container作为你房子的外墙，里面包含卧室，厨房，起居室等等。
container的类型:
Liquid: 根据浏览器宽度填充。
Fixed: 指定的宽度，并不会根据浏览器宽度改变。
Header
header并不真的是一个特定的元素，尽管某些人会认为它是。它更多是用在涉及到你放置你的logo，导航栏，tagline的web页面顶层的地方。许多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container，所以它有两种类型选择，就是上文提到的 liquid 或 fixed 。
Logo
你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读习惯是，从左往右，从上至下，所以你的log应该放在访问者第一眼能看到的地方。
Navigation
页面导航是最重要的元素之一;你的访问者需要用它来使用你的站点。 它应该是容易被找到且易用的，这就是为什么大多数的人把它放在header部分，最少也是在页面顶端附近的原因。
navigation类型:
Horizontal: 水平显示，被称为‘navigation’
Vertical: 垂直显示，被称为‘menu’
0
投稿猜你喜欢
- LABjs 是一个很小的 JavaScript 工具，用来根据需要加载 JavaScript 文件，通过使用该工具可以提升页面的性能，避免加
一、格式化输入和输出1.从终端获取用户的输入fmt.Scanf 空格作为分隔符，占位符和格式化输出的一致fmt.Scan 从终端获取用户的输- 表单验证是WEB开发中经常遇到的问题，我们以前常见的做法是：在客户端对表单域进行内容的检查，看是否是满足一定的要求或满足一定的结构，比如：是
- 本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：这是一款真正的JavaScript伸展收缩型菜单
- 一、什么是线程？线程顾名思义，就是一条流水线工作的过程，一条流水线必须属于一个车间，一个车间的工作过程是一个进程。车间负责把资源整合到一起，
- 项目github地址：bitcarmanlee easy-algorithm-interview-and-practice1.Python中
- 前言一个程序语言在运行的过程中，变量的声明在整个程序的生命周期中，是不断在进行的过程。任何程序的计算都会涉及至少一个变量，而计算的结果的则可
- 前言成语填空想必大家都是十分熟悉的了，特别是有在上小学的家长肯定都有十分深刻的印象。在我们的认知里看图猜成语不就是一些小儿科的东西吗？当然了
- 前言分析目标网站的登录方式目标地址： https://github.com/login 登录方式做出分析：
- 一、概念说明柱状图(bar chart)，从相同的横坐标出发，以不同的数值大小来设定柱子的高度，进而表示无序或有序的定性数据间某个定量指标的
- 代码和说明如下：<％Const ForReading = 1 &nbs
- 如果使用的是matplotlib绘图，可以通过以下命令更改图片的大小：％matplotlib linline如果是 plt.figure(f
- 1.当前时间戳转换为指定格式的日期# -*- coding: utf-8 -*-# @Time : 2019/5/31 10:5
- <html> <head> <title>51windows.Net </title> &l
- 如何限制上传文件的大小？要限制上传大小，只需如下设置一个属性即可： &
- Python有一随机函数可以产生[0,1)区间内的随机数，基于此函数生成随机分布在任意三角形内的点由数学知识得知：几何体的向量表达形式直线：
- 我们都知道，python可以通过threading module来创建新的线程，然而在创建线程的线程（父线程）关闭之后，相应的子线程可能却没
- 昨天面试上来就是一个算法，平时基本的算法还行，结果变个法就不会了。。。感觉应该刷一波Leecode冷静下。。。今天抽空看下。题目就是要求O(
- Vue服务器部署刷新页面404问题描述在上线vue开发的前端网页部署在服务器上后，刷新页面显示404原因因为网页上显示的是静态绝对路径而实际
- 前言本文主要给大家介绍了关于Python用字符串调用函数或方法的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：先看一个例子：&
