成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

極簡電子商務(wù)網(wǎng)站設(shè)計(jì),驚現(xiàn)黃金比例柵格

2021-10-02    分類: 電子商務(wù)

網(wǎng)頁設(shè)計(jì)作品由創(chuàng)意總監(jiān)Daniel Tan制作,該客戶的企業(yè)網(wǎng)站主要是銷售一些簡約、北歐風(fēng)格的家飾、家具類產(chǎn)品,比如坐椅、花瓶、燈具、掛鐘、擺設(shè)飾品等等。這些產(chǎn)品的設(shè)計(jì)都是非常簡約與時(shí)尚,所以設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁的時(shí)候就要選擇簡約的主題風(fēng)格,重點(diǎn)突出產(chǎn)品,不帶其它花銷的設(shè)計(jì)。

一、首頁設(shè)計(jì)

首先我們來看看整個(gè)首頁設(shè)計(jì),di一眼給用戶的感覺就是簡約、舒適。在瀏覽網(wǎng)頁時(shí)用戶很容易就能分辨出這個(gè)網(wǎng)站是做什么的。首頁結(jié)構(gòu):1. 焦點(diǎn)BaNNER廣告圖; 2. 主打分類(圖片格式);3. 流行產(chǎn)品列表;4. 推薦產(chǎn)品集;5. 引導(dǎo)訂閱。

二、新聞頁&信息列表頁設(shè)計(jì)

新聞列表頁面使用了左右對(duì)稱布局設(shè)計(jì),為了不讓頁面過于單一,在列表之后加入了「Our Service」內(nèi)容來填充。

三、產(chǎn)品頁

產(chǎn)品頁通常由產(chǎn)品列表頁和產(chǎn)品詳細(xì)頁組成,我們先來看列表頁的設(shè)計(jì)。

產(chǎn)品列表頁設(shè)計(jì):和大部網(wǎng)站的產(chǎn)品列表一樣,喜歡使用宮格式布局,但這具網(wǎng)頁的難點(diǎn)還是留白的運(yùn)用。其次我們細(xì)心的看一下,列表中的產(chǎn)品圖的背景以及產(chǎn)品排列好像是被設(shè)計(jì)師「刻意修飾」過,所以zui終網(wǎng)站出來的效果可能會(huì)因?yàn)楫a(chǎn)品圖的原因會(huì)打點(diǎn)折扣。

這種「刻意修飾」小編認(rèn)為非常有用,為了過稿,不要偷懶,就像下圖展示一樣,每行的產(chǎn)品配色、與排序是經(jīng)過精心布置的。


四、分類目錄頁面

點(diǎn)擊和首頁的「推薦產(chǎn)品集」的布局是基本一致的,這個(gè)布局相當(dāng)好看,所以必須要研究一下它的柵格系統(tǒng)。

五、黃金比例柵格系統(tǒng)

這么好看的排列方式,到底是怎么排版出來的呢?通過分析終于可以看出一些規(guī)律,設(shè)計(jì)師使用了兩種比例柵格系統(tǒng),分別是黃金比例和鉑金比例。使用這些比例來設(shè)計(jì)總比「憑感覺」去排列好得多,而且也能讓前端人員有規(guī)律的寫代碼。

不知道黃金比例怎么計(jì)算?創(chuàng)新互聯(lián)建議使用黃金比計(jì)算工具:

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

使用這個(gè)工具的好處就是不用自己計(jì)算比例啦,集成黃金比、鉑金比、白銀比等等自動(dòng)換算。

六、網(wǎng)頁配色

這種極簡網(wǎng)站配色通常越少越好,所以整個(gè)畫面都是以黑白為主,但單色調(diào)會(huì)不會(huì)在煩燥?不會(huì),因?yàn)檫€有產(chǎn)品圖片、以及圖片的背景色進(jìn)行點(diǎn)綴。

總結(jié)

像這樣一個(gè)極簡的企業(yè)網(wǎng)站設(shè)計(jì),看似沒什么東西,但無論從設(shè)計(jì)、代碼、以及后期資料維護(hù)都是非常復(fù)雜的,就看圖片質(zhì)量要求就知道,每個(gè)圖片都是高品質(zhì),修圖、輸出透明背景PNG圖,好了不說太多……希望大家有所收獲。

文章名稱:極簡電子商務(wù)網(wǎng)站設(shè)計(jì),驚現(xiàn)黃金比例柵格
網(wǎng)頁地址:http://jinyejixie.com/news/129402.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
金平| 资兴市| 买车| 都安| 雅安市| 特克斯县| 城口县| 景泰县| 延吉市| 河源市| 收藏| 永仁县| 钟山县| 饶平县| 奉化市| 会昌县| 秀山| 龙门县| 吴桥县| 崇礼县| 志丹县| 温泉县| 常州市| 剑河县| 克东县| 甘泉县| 娱乐| 平乐县| 永德县| 平顺县| 贵港市| 沙湾县| 藁城市| 常山县| 芦溪县| 威远县| 达日县| 富蕴县| 岚皋县| 深泽县| 贡觉县|