專業的設計師對於字體都相當敏感 (無論平面 or UI)
不僅有自行設計的經驗
且熟悉各種經典字體特徵及使用情境
如：Helvative, Futura, Roboto, Garamond ...
而 UI 設計師也能清楚了解各個作業系統的預設字體
如 Windows 是微軟正黑體與 Segoe UI
(趁機去考你們家的 UI 吧！但別提到我就是惹 😂)

不只對於字體很要求
還對於文字的運用很在意 (中英文、標點符號、全半形)
例如：句子中的中、英文及數字中間一定要有空格
吐血範例：「目前UberEATS在新北市地區持續地擴展」
正確：「目前 UberEATS 在新北市地區持續地擴展」
如果你也會這麼在意，請在下方留言
新聞都快看不下去了 orz

另外，昨天設計師跟我說到
有字體風格的眼鏡誒！
(好酷！好奇多少錢中...)

工程師怎麼學視覺設計
美學相對於其他理論是較為抽象、主觀的
但並非沒有快速上手的方法
首先要先將問題簡化
修圖、色彩學、排版、UI、字型學先視為獨立理論
我們應專注在特定的主題上學習

### 設計的基準，整齊 ⭐⭐⭐⭐⭐
這是最簡單也是最難的
在一開始不要挑戰 "有特色" 的排版
而是依據不同的平台、載具、呈現環境
參考相依的設計文件規範來制定格線
然後將物件依據格線排列
Web 來說可以參考 Bootstrap
Android 可以參考 Material Design 等
觀念可參考：https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-grid

### 色彩的配置 ⭐⭐⭐⭐
在美感之前
色彩是用來吸引目光的
以網頁來說我們可以把用途歸類三個等級
1. 內容、不重要的訊息等 (黑、白、灰階)
2. 可操作的內容，主要的訊息、品牌色調 (主色)
3. 最重要的行為，例如購買 (強調色)
依據這個配置只能選擇兩個色彩
主色、強調色
主色用於大部分的情境
強調色只在唯一最重要的行為 (甚至不使用)
剩下都是黑、白、灰階
這是目前相當主流的配色方法
簡單、穩定、且訊息傳達力強
觀念可參考：https://material.io/guidelines/style/color.html#color-usability

### 字體配置 ⭐⭐⭐
字體可以表現出一句文字的
文化、語氣、重要性、氣質、個性等等
就如同我們看日本人與其他亞洲人
就算沒有透過語言
從行為舉止及穿著幾乎可以認定氣質上的差異

簡化說明
字體就類型上分為兩大類
- 無襯線字體 - 也稱為黑體
- 有襯線字體 - 也稱為明體、宋體
以識別性來說首推黑體
可以避免在不同系統上的呈現落差
中文可用：Noto Sans、蘋方、微軟正黑體
英文可用：Helvetica Neue, Roboto, Segoe UI, Ubuntu ...
(英文可用的非常多，以上只是常見的)

---
除了以上說明外
不外乎就是多看相關文件
以及實作練習
可參考設計文件：
- Material Design
- iOS Human Interface Guidelines
- Bootstrap
Bootstrap 嚴格來說不算是純設計文件，
但其中觀念非常值得參考

#每日一觀點 #15

LOGO是公司的品牌識別第一印象，符合時代和企業精神很重要喔 :)

微軟把從1987年使用迄今的LOGO更新了，首先微軟把過去的 Helvetica italic字體換成微軟自製的 Segoe字體，這種字現在被微軟內建為系統字體，也就是將用戶體驗的部份再延伸到品牌識別上來，這是一個很聰明的作法。

而微軟新的圖形標誌的形狀及配色部分，則是沿用相同的邏輯，把 Windows8著名的方塊形 Metro使用介面轉化為圖形標誌，鮮豔的四個色彩也會從微軟的產品中看到相同的配色，整體來說，新標誌比舊標誌簡潔乾淨、更容易閱讀，如果真要挑毛病的話，新標誌圖形的構成太簡單，在商標登記上可能會碰到與其他公司商標雷同的疑慮。

我覺得這次的logo更新是微軟的一種宣示，他們這次從視覺設計、使用經驗一直到品牌識別都統整為一個完整的系列，應該是想告訴大眾"微軟要轉換到一個新時代"了。

http://www.adweek.com/…/microsofts-first-new-logo-25-years-…