Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

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

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-09-22 01:41 - 2012-09-25 15:41 #23290 來自 Velson
Velson created the topic: 設計小巧思 - 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文章計畫是
  1. 介紹
  2. 模組
  3. 外掛
  4. CSS小修改
  5. JS 小應用

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

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

[/color]


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







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

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它
最後修改原因: 2012-09-25 15:41 來自 Velson.
The following user(s) said Thank You: abokuo, 小猴兒, 陳翔福

Please 登入 to join the conversation.

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-09-22 23:49 #23300 來自 Velson
Velson replied the topic: 設計小巧思
真是一個時間點很奇妙的巧合,昨天剛說到LOGO,今天美國就來了一個急件email。。。。(謎之音 順口溜??)
所以得先處理工作了,
明天再上來補交第二章
:P

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它

Please 登入 to join the conversation.

  • Velson
  • Velson 的個人頭像 Topic Author
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
2012-09-23 22:41 #23311 來自 Velson
Velson replied the topic: 設計小巧思
它很輕但它是最重要的靈魂 (二)


字體 - 網頁最佳應用

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

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

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

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

重點標題(H1~H6)

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

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

副標題

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

內文

選擇較通用字型

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

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




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

UnoHat Joomla 元件、模組、外掛 開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它

Please 登入 to join the conversation.