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

来源:设计经验分享网
添加时间:2024年02月

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

一、首页设计

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

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

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

三、产品页

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

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

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

四、分类目录页面

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

五、黄金比例栅格系统

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

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

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

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

六、网页配色

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

总结

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

 

平面设计相关资讯推荐阅读:


湛江建站布局链接的类型有哪些深圳网页建设设计为什么要用响应式设计网页建设公司建站时需要做的准备工作有哪些掌握技巧,让企业网页建设更具特色优势软件定制开发差别大了解清楚再决定!响应式网页建设和传统网页建设的不同之处有哪些您的网页需要改版了吗深圳微信商城建站费用影响因素建设网页应该怎样选择网页空间定制网页开发的优势有哪些呢如何设计常见问题页面网页设计:什么是让用户满意的网页*页深圳网页推广和宣传应该怎么做针对做电商网页建设的要求是什么国外虚拟主机租用,有什么优点外贸网页平台需要了解的原则企业网页设计制作首页需要安排哪些内容科技分析:“唯品会模式”究竟有哪些利弊网页维护之网页内容更新应该怎么进行深圳福田网页建设哪家公司好,企业定制网页建设与模板网页的区别是什么带你了解DDoS到底是何物!深圳福田网页制作方案,企业网页关键词优化要如何做深圳网页建设教你如何判断是否需要升级网页服务器带宽深圳福田网页建设哪家公司好,如何快速建设一个企业网页关于小米路由器引发的网页建设404页面思考深圳福田网页建设知识,网页建设有什么目的域名被K如何处理之域名洗白法为什么要学习SEO深圳福田网页设计多少钱,网页设计有哪些步骤如何做一个成功的网页做网页如何注册一个自己满意的域名,应从哪几方面入手Web开发和商业智能数据库-如何建立IT系统科技-哪些因素会影响公司定制网页线上推广效果关键词、内容、外链有哪些稳定要素企业网页建设应用国外空间的优势网页标题的搜索引擎优化科技-低价网页建设对企业有哪些不可忽视的负面影响为什么要定制网页开发重新改版网页的重点为什么企业大多都钟爱营销型网页营销型网页的优势在哪里网页制作精良体现公司更高大上如何开发在线支付商城网页深圳网页建设-要考虑三个基本要素建立协会网页的过程中需要注意哪些问题今年做网页建设的费用需要多少钱网页设计应遵循五个基本原则专业的网页设计是怎样的如何开发个人网页京东员工罢工事件回应:已对此事做了周全的考虑和安排做网页建设不能犯哪些错误如何设计一个具有现代感的酒店网页讲解为什么垂直社交屡创奇迹却有找不到出路公司建网页过程中不可忽视的细节简约的企业网页设计有哪些优势百度DZ插件跨越式升级,站长们注意更新微信小程序开发需要注意哪些事项白手起家谈何易如何成功创业如何为初创企业建设网页不专业的网页设计公司常会出现的错误三大运营商提速降费方案,哪里优惠了
网站备案号:豫ICP备2024041165号