網頁設計一把罩,深入解析多個網頁設計作品,教你打造出最專業的網站
網頁設計百百種,根據業主不同的需求、想要傳遞給使用者的內容、功能不同;又或者是不同產業別的網站、品牌定位,都會影響到網頁設計的方向。而網頁設計為什麼重要,不僅是因為網頁設計對於業主來說就好似一個品牌在網路上的形象,也因為擁有良好網頁設計的網站,在提供了使用者良好的使用以及視覺體驗之下,便能大大提升使用者的停留時間,為業主後續的轉換目標帶來更豐碩的成績。 網頁設計作品 對於剛開始要架設網站的業主而言,可以多參考各方的網頁設計作品或是網頁設計範例,從中挑選出自己喜歡的設計風格以及想呈現模式,再近一步與網頁設計公司討論,讓整體的網頁設計方向可以更明確,以下將根據不同設計風格以及網站目的,提供一些優秀的網頁設計作品給業主做參考。 企業網頁設計範例 Gogoro Gogoro 的官網首頁,會根據當下不同的主打商品科做不同的設計變換,整體設計風格走科技感的呈現手法、靜態以及動態的素材相輔想成的呈現,讓整體更豐富但程度拿捏得當。網站說明清楚,並使用明顯的 CTA 指引、輔助說明,不僅不會使用者感到眼花撩亂,反而更能清楚找到方向。 響應式網頁設計範例 Dropbox 相信講到 RWD 響應式網頁設計,Dropbox 絕對是一個會被提出來網頁設計範例,因為 Dropboox 在 RWD 響應式網頁設計,展現了強大的網頁設計能力。在 Dropbox 的桌機版官網以及行動版官網上,為了符合不同的使用者需求以及體驗,而分別以不同的設計手法呈現,使用者首先可以看到的差別,是在於會員註冊的欄位,為了不影響到行動版的使用者閱讀,因此會員註冊欄位只有在桌機版上才會出現;排版上在桌機版上是以圖片、文字平行呈現,到行動版中則是變成上下排列。 電商網頁設計範例 IKEA IKEA 網頁的風格,搭配其品牌 Logo,多以藍色、白色以及黃色為主要色彩,給人一種活潑、溫暖、親切的感受。在 IKEA 官網上,不僅各式活動資訊明確顯眼,整體排版以及設計乾淨利落,符合 IKEA 的品牌形象,也符合家居整齊乾淨的目標。在商品頁面部分,各商品的價格、尺寸、運費、庫存等等相關資訊,都標示清楚給使用者一目瞭然的感受。 服務型網頁設計範例 Hahow 好學校 Hahow 好學校是台灣知名的線上學習平台,Hahow 好學校在風格設計上是使用比較活潑色彩,素材方面也比較童趣,就好似真的回到學校一般,除此之外,在 Hahow 好