工程師怎麼學視覺設計
美學相對於其他理論是較為抽象、主觀的
但並非沒有快速上手的方法
首先要先將問題簡化
修圖、色彩學、排版、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
「roboto中文」的推薦目錄:
- 關於roboto中文 在 卡斯伯 Facebook 的最佳貼文
- 關於roboto中文 在 [推薦] 源柔ゴシック簡轉繁字型- 看板Android - 批踢踢實業坊 的評價
- 關於roboto中文 在 WordPress Taiwan 正體中文: 大家好 的評價
- 關於roboto中文 在 Hexo landscape 主題優化 的評價
- 關於roboto中文 在 Issue #533 · bpampuch/pdfmake - Chinese language - GitHub 的評價
- 關於roboto中文 在 這是什麼中文字型? - Mobile01 的評價
- 關於roboto中文 在 [問卦] Chrome Google 搜尋建議中文亂碼 - PTT 熱門文章Hito 的評價
roboto中文 在 WordPress Taiwan 正體中文: 大家好 的推薦與評價
'Roboto+Condensed:400,400italic,700,700italic' => 'Roboto Condensed',. 'Open+Sans:300,300italic,400,400italic,700,700italic' => 'Open Sans',. ... <看更多>
roboto中文 在 Hexo landscape 主題優化 的推薦與評價
介面改中文在_config.yml 調整語言從英文default 改為繁體中文zh-TW ... Roboto :2011年後,隨著Android 4.0 的發布,Android 預設字體改成Roboto ... ... <看更多>
roboto中文 在 [推薦] 源柔ゴシック簡轉繁字型- 看板Android - 批踢踢實業坊 的推薦與評價
原始字體來源: https://jikasei.me/font/genjyuu/
字型的說明 可以參考 或自行google 查詢 柔源黑體:
https://goo.gl/e29n0Y
注意事項:
裡面有些文字的寫法.並非台灣教育部標準的寫法.所以使用上請注意.
若有用在小朋友文字學習上的話
------
以 GenJyuuGothic-P-Medium.ttf 及 NotoSansCJKtc-Medium.otf 進行了修改
修改的部份有
1.中文字型 名稱 已更改為 Droid Sans Fallback
2.中文字型 內缺 注音符號字型 及 中日韓表意文字12701.
以 NotoSansCJKtc-Medium.otf 將缺字部份補至 20939
3.中文字型 眾 這個字在原本顯示較奇怪.及 包 飽 有 "包" 字旁的字.個人感覺看起來怪怪.將其刪除
用NotoSansCJKtc 裡面的中文字型將其覆蓋.
4.中文字型 簡體字部份對應為正體字.
5.英文字型 截取GenJyuuGothic-Regular.ttf /GenJyuuGothic-P-Medium.ttf 英文字型
覆蓋至 Roboto-Bold / Roboto-Regular
檔案:GenJyuuGothic_CHS2CHT_V.05.5.zip
下載:https://bit.ly/19nO9VD
MD5SUM:76d9867fb75a44cfceca127d532914e7
顯示預覽
===================================================
GenJyuuGothic_CHS2CHT_V.05.5.zip 壓縮檔內容:
-- \GenJyuuGothic\DroidSansFallback.ttf
-- \GenJyuuGothic\Roboto-Bold.ttf
-- \GenJyuuGothic\Roboto-Regular.ttf
===================================================
使用方法 請先備份好自己舊有字型.及自行 google
了解如何替換字型..
該字型較大約18-19mb 請注意自己/system/fonts是否可以放置進去
目前只有嘗試在自己的手機及平版上面 android 4.4.2
再次提醒 注意事項:
裡面有些文字的寫法.並非台灣教育部標準的寫法.所以使用上請注意.
若有用在小朋友文字學習上的話
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.134.198.169
※ 文章網址: https://www.ptt.cc/bbs/Android/M.1417867641.A.FBB.html
※ 編輯: Adoltw (220.134.198.169), 12/06/2014 20:08:17
apk 字體包.只有以前三星 note1 時的印像 apk作法.現在手上沒有可替換字型的手機
不知道這樣包了能用嗎..
注意事項:
請先確認你的三星手機.是否可以透過APK變換字型..
請到手機的設定.裡面的 顯示->顯示設定->字型樣式 看是否有字型樣式可以選.
若有的話 你可以試用看看 底下這連結
檔案名稱:GenJyuuGothic_CHS2CHT.apk
檔案下載:https://bit.ly/19nOyqU
MD5SUM:0e363de27f7af3246aa74268dfc2e25d
更換方法:
安裝完.字型APK後..
手機的設定.裡面的 顯示->顯示設定->字型樣式 ->再選取你要的字型套用即可
若還是無法使用的話.就只能抱歉了..可能包的方法有問題 或其他狀況.
※ 編輯: Adoltw (220.134.198.169), 02/24/2015 08:52:55
... <看更多>