<strong id="vlglo"></strong>
    1. <rt id="vlglo"><menuitem id="vlglo"></menuitem></rt>
        1. 易捷網絡專注企業網站建設
          11年企業網站建設經驗、響應式網站建設,兼容PC、手機、平板全
          終端,給你更佳的瀏覽體驗...
          QQ在線咨詢

          極簡電子商務網站設計,驚現黃金比例柵格

          來源:網站建設行業資訊網         添加時間:2021-12-8

          網頁設計作品由創意總監Daniel Tan制作,該客戶的企業網站主要是銷售一些簡約、北歐風格的家飾、家具類產品,比如坐椅、花瓶、燈具、掛鐘、擺設飾品等等。這些產品的設計都是非常簡約與時尚,所以設計師在設計網頁的時候就要選擇簡約的主題風格,重點突出產品,不帶其它花銷的設計。

          一、首頁設計

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

          二、新聞頁&信息列表頁設計

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

          三、產品頁

          產品頁通常由產品列表頁和產品詳細頁組成,我們先來看列表頁的設計。

          產品列表頁設計:和大部網站的產品列表一樣,喜歡使用宮格式布局,但這具網頁的難點還是留白的運用。其次我們細心的看一下,列表中的產品圖的背景以及產品排列好像是被設計師「刻意修飾」過,所以zui終網站出來的效果可能會因為產品圖的原因會打點折扣。

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

          四、分類目錄頁面

          點擊和首頁的「推薦產品集」的布局是基本一致的,這個布局相當好看,所以必須要研究一下它的柵格系統。

          五、黃金比例柵格系統

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

          不知道黃金比例怎么計算?建議使用黃金比計算工具:

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

          使用這個工具的好處就是不用自己計算比例啦,集成黃金比、鉑金比、白銀比等等自動換算。

          六、網頁配色

          這種極簡網站配色通常越少越好,所以整個畫面都是以黑白為主,但單色調會不會在煩燥?不會,因為還有產品圖片、以及圖片的背景色進行點綴。

          總結

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

          網站建設計最新案例賞析:


          山東博納電氣網站制作首頁設計效果圖
          山東博納電氣
          東莞納普電子科技網站制作首頁設計效果圖
          東莞納普電子科技
          天津高美測儀科技網站制作首頁設計效果圖
          天津高美測儀科技
          樂清樂鳥電氣網站制作首頁設計效果圖
          樂清樂鳥電氣
          東莞索誠電子網站制作首頁設計效果圖
          東莞索誠電子
          深圳大獅影業攝影廣告網站制作首頁設計效果圖
          深圳大獅影業攝影廣告
          深圳朝華車身廣告網站制作首頁設計效果圖
          深圳朝華車身廣告
          深圳捷益達電子網站制作首頁設計效果圖
          深圳捷益達電子
          上海三羽電器網站制作首頁設計效果圖
          上海三羽電器
          深圳共安智能科技網站制作首頁設計效果圖
          深圳共安智能科技
           

          網站建設行業資訊推薦閱讀:


          軟件定制化的發展有很大的區別,我們可以在了解清楚之后再做決定!企業做網站設計要注意什么呢?網站建設個性化和實用性缺一不可企業網站制做的優勢網站制作公司應該具備的優勢有哪些?淘寶發帖推廣究竟該怎么做?你做到了嗎?深圳網站建設中網站設計常用技術成功博客的4個基本規則做網站開發被黑怎么辦?深圳網站建設中“域名”選擇的幾種條件網站排名中期優化策略減少企業網站建設跳出率的三大要素網站優化的細節是什么?深圳深圳網站優化 怎么做好汽車服務網站建設企業加強網站建設,重視品牌價值塑造如何選擇域名?為什么網站建設前期一定要做好詳細的策劃方案深圳福田網站制作的步驟是什么,企業進行網站優化有哪些好處?創業到底要具備什么條件你知道嗎?深圳福田網站建設設計,企業手機端網站建設有哪些建議?科技-響應網站建設設計頁面時需要注意什么?品牌營銷和市場推廣如何結合利用-深圳網站設計分享在深圳網站建設中應該找什么樣子的公司團隊?怎樣評判網站建設公司哪家好?什么是扁平化設計風格提升網站域名(DA)權重十二個辦法大型企業門戶網站建設知識來看:全方面了解和學習PHP框架旅游網站開發的功能有哪些?采用響應式技術能解決的哪些問題APP軟件定制開發?
          企業網站建設行業信息服務發布平臺!
          (www.ykcly.cn)版權所有
          日韩AV乱伦