深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

网页设计与黄金比例的结合

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
作为一个网页设计 师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术也 同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局。
也许有的设计师会认为使用这些所谓的规范性东西会是一种限制而不是创造,在我看来这些新的概念对网页设计来说是一种尝试和提升,会给你接下来的创意构思提供一个坚实的基础,让人从一个新的视角来看待好的网页设计。
非常简单,从上面的数 学公式我们知道a+b/a=1.618,960px就相当于a+b的值,所以只要用960/1.618=593,所以593px的位置就是黄金分割点。这 样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。
这个方式同样适用于一些非固定的弹性的网页布局,只要通过同样的计算公式得到相应数值用相对单位(如百分比)表示即可,这样的网页设计是令人感觉最自然的。你也可以进一步将网页分成3栏、4栏。
我们要为一个950px宽度局中页面来设计栏目,根据黄金比例原则,可以这样设计:这样的Web布局具有一定的平衡感,整个页面也比较和谐。
现在的页面布局一般都 是比较弹性的设计,因为这样页面可以充满浏览者的屏幕空间,而不管视窗的大小尺寸是多少,这对于那些高分辨率宽屏的用户来说是有意义的。而对于坚持固定像 素宽度的设计者来说,1024*768就是王道,摒弃了两端的使用人群。在超越css这本书中还提到,即使是固定宽度的设计,减掉浏览器的滚动条宽度和浏 览者打开了工具栏的宽度之后,水平宽度就显得不够用了:
布局时,根据功能的不 同将网页分成几个矩形,这些矩形的大小参照黄金分割比例,这样就形成了很多黄金矩形。这些矩形可以解决你在网页设计布局中碰到的大部分困惑,比如你可以通 过这些黄金矩形来决定flash或者图像该放在首页的什么地方,也可以决定侧边栏、网站底部内容的位置。一些电子商务网站在设计产品的展示时尤其可以参考 一下黄金矩形。

相关行业资讯

1、房产网首页的广告图优化不慎所带来的影响
2、如何选择控制网站关键词的密度
3、深圳网站设计之如何迅速制作404页面
4、网站的内容目录
5、深入分析网站设计比稿问题
6、网站设计师如何在人群中脱颖而出
7、网络推广越来越做的几点原因
8、被人所遗忘的网站SEO根本:外链误区篇
9、疫情做网站建设多少钱?有优惠吗?
10、H5制作教程轻松打造完美网站
11、搜索引擎告诉你应该怎么做SEO
12、网站运营中如何提高投资回报率
13、上市公司网站设计重点
14、网站SEO内部链接优化需要注意的问题
15、企业网站建设一般要素有哪些
16、深圳网站建设与维护,网站建设好之后后期要如何去维护?
17、企业建设网站要将目光投向远方
18、seo优化:搜索引擎怎么做才有效果
19、建一个网站有哪些基本流程步骤
20、六个网站细节决定外贸网站制作的成功与否
21、网络推广的优势具体体现在哪
22、响应式网站有哪些优缺点
23、营销型网站制作有什么特色
24、为什么要定期更新企业网站的内容
25、如何让自己的营销型网站带来高收益
26、企业建网站对网站形象进行定位
27、B2B网站营销的小技巧
28、个人网站建设要怎样才能赚钱
29、网站建设企业营销网站建设的营销策略
30、网站制作、网页设计公司建站报价之间为何差距这么大
31、易捷网络浅谈如何设计出好的网页
32、分析建站程序构建网站的利与弊
33、网站标签的优化设置技巧
34、SEO优化能够给我们带来哪些好处
35、制作自己的网站这几点事项需要了解
36、企业网站制作之前需要解决的7个问题
37、什么样的企业需要申请企业邮箱有哪些好处
38、网站建设时影响关键词优化的因素有哪些?
39、太原网站建设初期增加高质量外链的方法
40、网站内容为何不再被收录
41、购买一个域名要多少钱
42、创业型网站如何做好运营工作
43、百度搜索结果页面图文并茂显示
44、网站建设浅谈网站内容策划原则
45、SEO优化需要使用顶尖的优化技术
46、个性化定制网站与模板式网站的差异
47、网站快速被蜘蛛抓取方法
48、为什么网站关键词排名不稳定
49、网站主关键词怎么选择
50、绿萝后新手站长该如何选择网站外链的建设之路
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号