設計小巧思 - abo 請幫忙移到會員新聞區 THX



  • 按太快了 :( 版主 請幫忙移至 會員新聞發表區/酷站交流 THX

    又是我來胡言亂語了… :woohoo:

    不過來分享一些經驗,我其實還蠻高興的,當然這些經驗是分享給新手想要進入網頁設計這行的,
    至於三番二次說要寫的JAT3 Framework 介紹及小小教學,就暫時先給它擱一大下下 ,畢竟這不是功課咩 (迷之音…挖哩勒)。

    它很輕但它是最重要的靈魂 (一)

    說到網頁, 網頁最重要的是什麼? 我相信很多人會想到"美工" “圖片” “LOGO”…等,但其實這些我把它列為網頁設計內必要的靈魂, 而說到它很輕但又是最重要的靈魂是什麼呢? 其實就是 “BODY FONT”(其實說它很輕實在委屈它了,但暫時也想不到更好的修飾詞)

    什麼是BODY FONT呢?
    BODY FONT 就是網頁內文的字型,一個全方位的網頁設計師,絕對是會考慮到網頁內字型與網頁整體的相得益彰,別太小看你的網頁內文字型,許多知名的字體公司都有為字型出書介紹,甚至連軟體賣的貴鬆鬆要人命的Adobe也有為其底下的字型出過無數的書,如果它不重要,那他們出書幹麻?

    Body Font類型:
    字體分為二大類 Serif(襯線)與 Sans-serif(無襯線) 字型的選用更需仔細,這二種字體,目前網頁設計 由以Sans-serif(無襯線)最為受到歡迎

    文字個性

    Serif(襯線): 偏於中規中矩
    Sans-serif(無襯線): 偏於俐落與親和力

    瀏覽閱讀

    Serif(襯線): 易於閱讀
    Sans-serif(無襯線): 次於襯線字體

    寫到這邊,原本要開始教區分與截圖分享,但看到網路已有一篇簡單的關於字體如何分別,所以區分這部份就不詳述,字體區分請看連結 http://philsu.tw/index.php/deisgn-treasures/inspiration/font-design-and-typography/item/how-to-tell-from-the-font-serif-and-sans-serif
    (P.S:該篇是針對於平面設計所寫的)

    既然該篇沒寫到其它部份,那明天晚上繼續寫下去說說 "Serif(襯線)與 Sans-serif(無襯線) 網頁最佳應用 ",因為現在想去吃宵夜了 :woohoo: (迷之音 是你懶吧 :whistle: )

    目前暫定的小巧思文章計畫是

    設計小巧思 (一)
    字體-字體與最佳應用

    設計小巧思 (二)
    開始排版

    設計小巧思 (三)
    網頁七十二變(配色)

    目前暫定的JAT3 Framework文章計畫是
    [ol]

    • 介紹
    • 模組
    • 外掛
    • CSS小修改
    • JS 小應用

    說到JAT3這邊有沒有發現我少了一個東西,那就是核心部份的更改,這部份我連提都不想提,因為會落落長(台語)拉,而且新手我也不建議一下就更改到核心,還有一個更重要的原因,打字打英文打習慣打中文真的粉累,就小小體諒下囉

    小教學如果對你有幫忙是我的快樂 :cheer:

    [/ol]

    題外話 :
    其實台灣的設計業真的非常苦,在美國隨便一個商標設計動輒幾百美金上至幾千幾萬幾十萬都有,台灣卻是幾百台幣都有。。。對於回國沒多久的我來講實在非常傻眼,不過也好險台灣的物價還沒美國貴,不過如果有一天物價跟美國差不多的時候,那不就……

    Velson(Tony) 原創 - 禁止抄襲 歡迎轉貼 轉貼請註明出處



  • 真是一個時間點很奇妙的巧合,昨天剛說到LOGO,今天美國就來了一個急件email。。。。(謎之音 順口溜??)
    所以得先處理工作了,
    明天再上來補交第二章 :P



  • 它很輕但它是最重要的靈魂 (二)

    字體 - 網頁最佳應用

    1. 字體不應濫用
    當你在搭建真正屬於自己公司網頁的時候,應盡量避免同一字型的濫用

    例如
    英文網站 字體全部都是使用 arial或是tahoma…等等同一個常見英文字型
    中文網站 字體全部都是使用同一中文字型如 華康xx字型 微軟正黑體 黑體…等等

    這些常會讓人感覺疲倦,又容易給人這是一個報表的感覺而不是感覺他是網頁
    如果又是同一字型又筆畫重的字型不只會更加疲倦還會產生反感 如arial bold…等等

    2. 應用
    網頁內字型個人認為最佳的配合是使用三種字型

    重點標題(H1~H6)

    選擇比較重的字型 突顯該標題的重要性

    英文 (忙碌中等待後補圖文)
    中文 (忙碌中等待後補圖文)

    副標題

    選擇比較細長的字體讓人有延伸的感覺
    英文: (忙碌中等待後補圖文)
    中文: (忙碌中等待後補圖文)

    內文

    選擇較通用字型

    一來 網頁負荷量比較不重 二來 如果內文又選擇特別的字體容易讓人整各篇幅看起來雜亂無章

    英文: (忙碌中等待後補圖文)
    中文: (忙碌中等待後補圖文)

    各位可以先看看 Univers與Helvetica 這二各都是我常給國外客戶內文的字型
    此篇待續~


登入以回覆

看起來你的連線到 Joomla!台灣討論區 已經遺失,請稍等一下我們嘗試重新連線。