你設計的網頁有水嗎?從美感來看網頁視覺設計

181123每日_工作區域 1

網頁設計不單只是放上相關資訊即可,除了基本的商業功能和使用性,網頁的動線、使用者偏好以外,視覺的美感呈現也是佔了很重要的部分。

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

人對美的事物是有吸引力的

美感的第一反應是會影響情緒的,雖然青菜蘿蔔各有所好,但要是點進去的網頁識別不清楚、色彩整體配置不佳等,多少會影響對網頁的成效,而當瀏覽具有美感設計概念的系統時,可以引發使用者正面的情緒,激發他們在瀏覽時的創意並減少使用過程中的不適感。這其中,我們大致可分成3大面向去思考:

當一個網頁基本架構都有時,那麼能給它額外加分的話當然是再好不過啦~

風格/版面/配色的重要性

  • 風格-網頁的個性

  1. 依商品類型去選擇適合的風格,例:極簡、科技、時尚、鮮豔、插畫等,想像一下假如是賣販售蛋糕的網站卻用了科技感的風格,想必看了很突兀,成效應該也會不大理想。
  2. 適時搭配圖片呈現,能更加強品牌的使命與價值。
  3. 風格關鍵在於素材的選定:無論是向量、圖片、影片,除了能提高公司形象,也能提升使用者的信任感和體驗。
  • 版面-網頁的服裝

  1. 留白=適時的呼吸空間:整個網頁的佈局,從標題、按鈕、圖像,表格到其他元素之間的間距,比例拿捏好才能替網頁加到分!
  2. 將主標和內文區分開來:文字的長度也不適合過長,資訊集中在同一行會讓瀏覽者閱讀不易、沒耐心、感到壓力,適時的分段,在重點部分可加粗字體或用不同顏色強調!
  3. Less is more,少即是多:不是一昧的把所有資訊都塞好塞滿才叫最棒的網頁,使用者不一定會想看完,最好先整理內容,留下適合的資訊,在精不在多,才比較妥當。
  • 配色-網頁的妝容

  1. 人們的第一眼的印象:根據美國的研究,7秒內色彩因素可以影響消費者感興趣與否,佔了67%,不管是鮮豔或是點綴的顏色,顏色選得好即是成功的關鍵之一。
  2. 文字和背景的配色可選用對比色,讓使用者較好閱讀:除了對比色系以外,你也可以考慮相近色、類似色和同類色,透過色相環可找出顏色的選用模式及結果,網頁的配色就能恰到好處~
  3. 加入白色,灰色和黑色等中性色,以突出主要品牌顏色。可從品牌、目標對象或是產品來決定網頁配色,一方面會有關聯性以外,再來可以引起消費者共鳴。

 

以上為從美感來看網視覺頁設計的大方向,可分成這樣,美感沒有絕對的正確或錯誤,設計師們可以從透過作品從中累積經驗和時間,找到對目標用戶有意義的方法,在美感的掌握上大概也能恰如其分,執行網頁設計時也能更加的上手。

如果喜歡的話可以訂閱我們,也請千萬不要錯過下篇文章的不私藏素材分享,如有任何問題,也歡迎留言讓我們知道哦!

「以不一樣的思維進行廣告行銷,進而認同品牌價值」,
立志讓更多人知道原來廣告行銷也可以這麼好玩!!

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發表留言