熱門Ptt文章

[爆卦]roboto字體是什麼？優點缺點精華區懶人包

雖然這篇roboto字體鄉民發文沒有被收入到精華區：在roboto字體這個話題中，我們另外找到其它相關的精選爆讚文章

在 roboto字體產品中有2篇Facebook貼文，粉絲數超過5,012的網紅卡斯伯，也在其Facebook貼文中提到， 專業的設計師對於字體都相當敏感 (無論平面 or UI) 不僅有自行設計的經驗 且熟悉各種經典字體特徵及使用情境 如：Helvative, Futura, Roboto, Garamond ... 而 UI 設計師也能清楚了解各個作業系統的預設字體 如 Windows 是微軟正黑體與 Segoe U...

「roboto字體」的推薦目錄
  • 卡斯伯

    roboto字體 在 卡斯伯 Facebook 的最讚貼文

    2018-08-08 16:49:15
    有 56 人按讚

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

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

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

  • 卡斯伯

    roboto字體 在 卡斯伯 Facebook 的最讚貼文

    2017-09-09 10:57:36
    有 96 人按讚

    工程師怎麼學視覺設計
    美學相對於其他理論是較為抽象、主觀的
    但並非沒有快速上手的方法
    首先要先將問題簡化
    修圖、色彩學、排版、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

你可能也想看看

搜尋相關網站