設計部-展翅高飛提昇設計精進課程(三)
●上課時間：2024年03月19日
●上課地點：揚京網銷二部大會議室
●主講人：姜碧茹
●感謝 boss 在上課時間提供早餐，使我們能夠在輕鬆自在的氛圍中，邊享用早餐邊討論設計，進一步促進學習成長。
在昨天的課堂上，我們深入探討了連結設計與用戶體驗的完美平衡，以下是我們的分享大綱：
●分配畫面比重，突顯重點
分配畫面比重，突顯重點：不同的產業類別，視覺設計方向也不一樣，拿到風格表後，先仔細看風格表及客戶提供的資料，了解該網站的核心重點（推廣品牌、產品資訊訴求…），著手規劃設計每個區塊的層級，避免重要資訊被隱沒，特別是頁面很長的網頁，圖文的配置很重要。
品牌網站：以形象為主，比較重視整體與圖片的美感，簡潔大方的視覺設計為主，品牌所傳達的理念，產品訊息要方便閱讀。
購物網站：以產品訊息，促銷訊息為主，資訊清楚，閱讀瀏灠順暢；圖片為輔做為點綴效果。
●避免區塊零散找不到重點
•主副標的配置、字體大小、顏色、粗細。
•不要因為覺得空而加過多的裝飾，適時的留白，整體會更和諧。
•色彩的統一性：由品牌的顏色延伸，避免運用過多的顏色分散重點，除非是品牌的定位是很活發的風格。
●有趣的排版，避免版面無趣(寵物、食品、旅遊…)
根據內容編排設計不同的呈現方式與互動性的效果及按鈕，讓網頁使用起來更有趣又可以獲取有效的資訊。
●善用留白技巧(室內設計、攝影、藝術類)
適時的留空，讓畫面呼吸，有時候太過擁擠的畫面反而不利於閱讀，會使消費者快速跳過，或關閉視窗，適時的留白，反而讓畫面更有美感，也方便閱讀。
●注重細節精緻度，提升整體質感
整體網站設計完成，再重新檢視，針對細節加強，提高網站的精緻度。
• 增加背景的層次感（顏色、紋路）；純文字太過單薄，加個底色、線條，品牌元素，增加標題的份量。
• 圖片icon的調整，色調整體的協調性。
• 動態效果的調整，整體風格較簡潔的，就不適合太多的效果。
• 活潑的風格，則可以增加其互動性。
●文字編排、字體
字距、行距、字體大小、標題顏色、對齊方式、段落留白，對整體有加分效果。
不同的字體可以傳達不同的信息。
例如休閒產業採用比較特殊、大膽、活潑的字體來，傳統的工商業界就可以使用穩重的字體。
文字的字數太多太寬及行距太近不利閱讀，行距大概字高的30-50%左右。字體大小也會影響整體感覺，針對產品受眾也可以適時調整字體大小。例如客戶對象多是長輩，就可以刻意放大字體。
•字體大小轉換
•字體大小dmeo
•字體行距間距
●色彩的影響
網頁整體的色調會影響觀看者的印象，因此，色彩的搭配對網站整體的非常的重要。不同的色彩會帶給使用者不同的感受，透過色彩的搭配、整體性，視覺的舒適性，讓網站整體豐富性提高。
•配色
•品牌色彩
•圖片相關色彩
•日本傳統色彩
•色彩css filter轉換
