Search
前一陣子，字體應用的版權費議題在網路上討論得沸沸揚揚，讓我好緊張。還好我的字體都是在MAC使用的，突然有點感動，電腦設備這麼貴，這筆錢果然沒有白花😭
但今天我不是要和大家探討這個版權的問題，而是想分享一個冷知識😉
有別於中文字體，當大家使用西方文字的字體時，大多會使用「Helvetica」字體。但是大家知道這是瑞士的設計師Max Miedinger所設計的嗎？
早期流行一種叫做「Akzidenz Grotesk」的字體，為了與它競爭，瑞士的字體製造公司Haas’sche Schriftgießerei請Max Miedinger設計一款新的字體，於是在1957年，誕生了新的字體「Neue Haas Grotesk」（哈斯的新無襯線鉛字），隨後改名為「Helvetica」。
現在Helvetica也受到許多知名的品牌使用， 所以當你使用到Helvetica字體時，也別忘了想到瑞士唷！
#Helvetica是字體的名字
#Helvetia是拉丁文中瑞士的意思
#瑞士的硬幣就會用Helvetia這個字
#想到瑞士
#也別忘了杰宇的法文邂逅
工程師怎麼學視覺設計
美學相對於其他理論是較為抽象、主觀的
但並非沒有快速上手的方法
首先要先將問題簡化
修圖、色彩學、排版、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
站点 html lang 编码
Google 无 utf‑8
百度 无 gb2312
必应 en utf‑8 ... <看更多>
但有少部分的字體，設定時需要注意它的英文及中文名稱，個瀏覽器的解讀不同，如IE就 ... font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif ... ... <看更多>
helvetica neue中文 在 免費台北黑體繁體中文字體公測版正式開放下載- 挨踢路人甲 的推薦與評價
免費台北黑體繁體中文字體公測版正式開放下載- 挨踢路人甲 ... European LanguagesHelvetica NeueTraditional ... 清松手寫體免費下載，台灣網友自製中文手寫字型. ... <看更多>