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

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

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

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

一、首页设计

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

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

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

三、产品页

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

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

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

四、分类目录页面

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

五、黄金比例栅格系统

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

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

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

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

六、网页配色

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

总结

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

相关行业资讯

1、企业网站如何设计才能提升网站用户的转化率
2、建设大型企业网站公司要做好哪些细节
3、影响搜索引擎抓取收录的因素有哪些
4、高端营销型网站建设有哪些优势今天小编就带大家一起来了解一下。
5、想做好网站seo优化要学会坚持
6、企业做网站图像颜色
7、网站建设浅谈创造有效外链的主流方法
8、企业网站建设的趋势有哪些
9、深圳高端网站建设开发哪个好
10、不断学习也是SEO的主要内容之一
11、选择SEO服务都有什么优势
12、做网站去哪里易捷告诉你途径有哪些
13、网站首页设计的四种方法
14、这些网站建设技巧让企业更受欢迎
15、网站Banner的作用及设计要求
16、看看企业做手机网站建设的几大要素
17、网站建设为什么只有投入而没有收入呢
18、遂宁网站建设要遵循的原则
19、让你的电子商务站点优化更轻松的方法
20、网站建设常见的类型有哪些
21、网站制作要解决哪些基本性的问题和流程分享
22、企业网络营销的步骤
23、个人网站制作要知晓的这些步骤
24、站长们请不要轻易放弃自己的网站_深圳网站制作公司
25、关键词优化如何分析竞争度及部署
26、营销型企业网站的四个基本特点
27、移动互联网SEO未来的发展将何去何从
28、2019新型的网站设计形式有哪些
29、连接目标群体和借助影响力营销提升推广优化效果
30、深圳网站制作如何看待FACEBOOK与INSTAGRAM的合作
31、深圳网站制作公司易捷网络科技分享营销邮件的发送
32、把站点优化好最直观的办法
33、企业网站如何优化如何提高流量
34、你要掌握网站中图片的优化技巧
35、定制网站有什么好处
36、网站优化之怎样提高百度关键词排名
37、网站设计人员需要具备的技能
38、怎么写文章收录速度快
39、从安全角度出发做网站不能没有验证码
40、通过哪些细节设计可以提升网站的品质
41、网站打开速度慢的深层次原因分析
42、一个好的网站有哪些特征
43、企业网站建设网页的栏目设计
44、在制作定制网站时可以采用哪些布局方法
45、企业网站制作应如何抓住消费者呢
46、新站无法实现秒收的原因有哪些
47、如何减少垃圾外链
48、浅谈建立网站要多少钱才算不冤枉
49、如何选择网页设计风格
50、什么样的网站更适合推广
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号