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

极简电子商务网站设计,惊现黄金比例栅格

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/9/19

网页设计作品由创意总监Daniel Tan制作,该客户的企业网站主要是销售一些简约、北欧风格的家饰、家具类产品,比如坐椅、花瓶、灯具、挂钟、摆设饰品等等。这些产品的设计都是非常简约与时尚,所以设计师在设计网页的时候就要选择简约的主题风格,重点突出产品,不带其它花销的设计。

一、首页设计

首先我们来看看整个首页设计,di一眼给用户的感觉就是简约、舒适。在浏览网页时用户很容易就能分辨出这个网站是做什么的。首页结构:1. 焦点BANNER广告图; 2. 主打分类(图片格式);3. 流行产品列表;4. 推荐产品集;5. 引导订阅。

二、新闻页&信息列表页设计

新闻列表页面使用了左右对称布局设计,为了不让页面过于单一,在列表之后加入了「Our Service」内容来填充。

三、产品页

产品页通常由产品列表页和产品详细页组成,我们先来看列表页的设计。

产品列表页设计:和大部网站的产品列表一样,喜欢使用宫格式布局,但这具网页的难点还是留白的运用。其次我们细心的看一下,列表中的产品图的背景以及产品排列好像是被设计师「刻意修饰」过,所以zui终网站出来的效果可能会因为产品图的原因会打点折扣。

这种「刻意修饰」小编认为非常有用,为了过稿,不要偷懒,就像下图展示一样,每行的产品配色、与排序是经过精心布置的。

四、分类目录页面

点击和首页的「推荐产品集」的布局是基本一致的,这个布局相当好看,所以必须要研究一下它的栅格系统。

五、黄金比例栅格系统

这么好看的排列方式,到底是怎么排版出来的呢?通过分析终于可以看出一些规律,设计师使用了两种比例栅格系统,分别是黄金比例和铂金比例。使用这些比例来设计总比「凭感觉」去排列好得多,而且也能让前端人员有规律的写代码。

不知道黄金比例怎么计算?建议使用黄金比计算工具:

http://www.shejidaren.com/examples/tools/golden-ratio/index.html

使用这个工具的好处就是不用自己计算比例啦,集成黄金比、铂金比、白银比等等自动换算。

六、网页配色

这种极简网站配色通常越少越好,所以整个画面都是以黑白为主,但单色调会不会在烦燥?不会,因为还有产品图片、以及图片的背景色进行点缀。

总结

像这样一个极简的企业网站设计,看似没什么东西,但无论从设计、代码、以及后期资料维护都是非常复杂的,就看图片质量要求就知道,每个图片都是高品质,修图、输出透明背景PNG图,好了不说太多……希望大家有所收获。

相关行业资讯

1、SEO优化常用工具大全
2、政府网站构建,首要实现深度化便民
3、网站域名的意义
4、网站建设哪家公司比较好注意要看这几点
5、网站的标题可以修改吗
6、什么叫首页可视化设计
7、网站制作的具体步骤有哪些?
8、网站建设关于网站优化的一些经验总结
9、如何避开降权站换友链
10、网站外链的优化需要怎么进行
11、企业建网站页面
12、做网站的N种目的-无目的的网站注定平庸
13、动态网站设计的基本介绍
14、浅谈竞价着陆页面应该如何优化
15、网站的排名、流量都是积累上去的
16、深圳网站建设|怎么选择深圳网站建设有实力的公司
17、网易企业邮箱亮相东盟博览会 安全稳定受追捧
18、以用户为中心为什么说豆瓣是一款好产品
19、定制网站价格昂贵的原因
20、深圳旅游网站制作,旅游网站有哪些方面的设计技巧?
21、对HTML5至关重要的10个Javascript资源
22、SEO优化教你提高网站采集内容的有效价值
23、做网站的备案操作流程——ICP备案
24、做网站制作SEO主要注意的几点
25、每个网站都该有个监测服务
26、深圳网站定制的市场受欢迎程度高
27、网站优化为一面之词的优化方案为基础打下良好的排名
28、网络推广现在不好做了吗原因是什么
29、网站制作的难点
30、SEOER如何部署网站关键词
31、深圳网站制作哪家好
32、建设手机网站需要规避的几个误区
33、浅析:怎样做网站优化如何满足用户需求
34、腾讯企业邮箱功能齐全企业办公的最好助手
35、为什么站点某些长尾词非常好,而有些一点排名都没有
36、制作企业网站对公司发展有哪些帮助呢
37、企业宣传型网站建设的三大重心
38、详解淘宝客网站的发展
39、在seo操作中哪些操作会导致网站降权
40、企业网站制作这些细节你注意到了吗
41、何为高质量的外链又该如何打造高质量外链
42、什么样的网站才是合格的?
43、网站服务器不稳定会对SEO优化带来哪些影响
44、做一个教育培训机构网站要多少钱
45、新手站长在网站运营中如何去养站
46、移动端网站页面元素如何编辑能吸引浏览者
47、网络推广这几大要点,学会了就开启高效网络营销
48、深圳网站建设怎样让视觉给用户更好的体验呢
49、SEO学习要先理论再实战并注重深层次的提高
50、品牌网站制作方案要怎么做
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号