iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
1
Modern Web

從平面轉型成網頁設計的 UI/UX 設計師系列 第 14

【Day 14】從事 UI/UX 工作上,常參考的視覺網站整理(持續更新)

  • 分享至 

  • xImage
  •  

延續上一篇 UI/UX 設計師的「設計參考」整理方法!
今天會分享一些,工作三年來時常拿出來參考的視覺網站

多數會以 耐看、簡約、實用性 為主,單純好看的視覺網站往往實用性不足,或是逛久容易感到疲乏(動畫特效太多、每換一次頁面就跑一次動畫...等等)

不論是什麼類型的產業,一定會碰到製作網站內頁的需求。
大部分都以「資料呈現、文字配圖」為主,除非業者有特殊的內容、插圖或影片可以提供,或是設計師的功力非常深厚,可以通靈出撐得起純文字內容的版型XD

當遇到內容不足的網站內頁時,就需要大量參考「純文字編排、簡單卻不單調」的設計版面,平時多蒐集一點資料,可以加快製作的速度和設計發想的時間喔!

pexels-photo-326514
by Tranmautritam on Pexels


一、大型品牌官網(中文)

中文網站有個最困難的地方:
當你在逛國外資源,找到很多美美的視覺網站,覺得哇!這個版面太美了!就照這種風格和排版試試看吧!
然後貼上中文才赫然發現,唉!好醜啊!。゚ヽ(゚´Д`)ノ゚。

中文的網站需要對字型有一定程度的美感,拼湊起來才會好看又有層次。
筆者喜歡蒐集大型品牌的中文官網,很多都做的簡約大器又耐看,在中文的排版上很值得學習!

  1. Apple 蘋果(台灣)-版面設計參考首選
  2. Google 估狗
  3. Android 安卓
  4. Microsoft 微軟
  5. 小米官網 - 米家掃地機器人
  6. HUAWEI 華為 - 台灣官網
  7. Samsung 三星 - 平板
  8. Gogoro
  9. Adobe

二、部落格、雜誌網站

  1. Adobe Blog
  2. Economist 經濟學人-不論是網站版面還是圖片設計,都超有水準!
  3. Medium
  4. 新聞回帶 CUP
  5. TRUMPF 創浦 - 雜誌-列表設計特別

三、視覺性強的形象官網

  1. Light Is Time
  2. Aanika-推薦參考版面設計
  3. ДОМ НА ХЛЕБНОМ-歐式文藝復興風格,插畫超美!整體設計也非常古典
  4. Renoca-超級喜歡的日本汽車經銷商網站!
  5. Antiques The Globe-超級滾動式差,但圖片太多,網站需要loading很久XD

四、美食

  1. Molino
  2. The Ringo

五、美容美髮

  1. 8 The Thalasso-看了就想洗XD
  2. BOTANIST
  3. BOTANIST - 介紹頁-排版很清新舒服
  4. ASUR

六、日系網站

  1. 神勝寺,禅と庭のミュージアム
  2. 三菱商事プラスチック株式会社
  3. 田中構造設計 一級建築事務所-超酷的建築網站!
  4. bitBiome
  5. むかわ町 恐竜ワールド 【公式サイト】-超級可愛的恐龍化石網站!

上一篇
【Day 13】UI/UX 設計師的「設計參考」整理方法!
下一篇
【Day 15】把凌亂的 Code 整理乾淨的線上工具 - DirtyMarkup
系列文
從平面轉型成網頁設計的 UI/UX 設計師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言