首頁 部落格 Unimold 網站改版
Patty
Sep 30, 2017
I'm Patty!

Unimold 網站改版

Unimold是一家使用傳統網頁設計客戶,新版網頁想要給客戶不一樣的轉變。

這是改版前,在PC版上觀看版面寬度局限在900px,左右和下方會留白很多

改版前網址:https://web.archive.org/web/20140423204855/http://www.unimold.com.tw:80/

 

改版後版面:

改善使用界面(UI)與使用者體驗(UX)

為了符合現在PC版解析度1920px,我們將Banner做寬滿版(Hero Banner)的模式,呈現大氣的視覺效果,在圖片製作上加上一些局部紋路修飾工廠內部環境以及緩和冷硬的機台,配合明暗色度調整展現出圖片的空間感。

另外我們運用了色調調整曝光度及對比,將瀏覽者把目光集中在中間控制器部份在,減少機台帶來的壓迫感。

 

色彩概念

色系上就以企業LOGO的色系,來延伸整體效果。BANNER下接續紅色系的企業宗旨例用圖示引領視線,圖文效果方便閱讀,公告區搭配沉穩的深灰穩定下方不規則區塊,帶來穩定及有變化的效果。

 

客戶網址:http://www.unimold.com.tw/

 

 
從零開始,網頁設計新手建議:版型、色彩、視覺、字體、內容
從零開始,網頁設計新手建議:版型、色彩、視覺、字體、內容
Ringo
Ringo
Feb 01, 2021
日本商店街線上化?事實上商店街想要的不是訂單,而是更重要的東西
日本商店街線上化?事實上商店街想要的不是訂單,而是更重要的東西
Ryan
Ryan
Dec 14, 2020
【街頭攝影】如何拍出有故事性的「劇照」?
【街頭攝影】如何拍出有故事性的「劇照」?
Ringo
Ringo
Nov 02, 2017