《F2E 心得手札》練習「看圖」

建議借閱即可,年份頗舊

很久沒有新文章。
嘗試整理開始前端實習到目前的狀態,也利用這本書當作輔助,寫一些心得。

這本書出版時間有些久,建議借閱即可。

自己看圖整理比看別人整理有用啊(茶)


內容管理系統 CMS (template):

- Wordpress:社群完整,使用人數最多 (free)
- Expression engine:部分需付費授權,作者認爲其作品數量僅次 Wordpress
- Drupal :通常視為 CMF 的樣子,然後下書是我常看到他在圖書館架上 xD

-Magento:電子商務平台,open source (不過open source很多條款都很可怕 QQ)
-Lightcms:版型參考範本(誤


文字編排設計 ( @ font-face ):

可以參考該書目錄,反正我主要比較熟google font,
這邊順便推一場讀書會( 字型運用與排版 ):

線上讀書會

互動式設計:

我自己認為比較重要的,因為該書主要以設計師觀點來看,所以 code 沒有過多著墨。

  • Javascrip 範例:
http://gorohov.name

響應式設計(RWD):

沒什麼好說的,目前主流,也一堆書 xD


設計為主的部分網頁更新和死亡率太高,
有興趣直接借書來看吧 :P

這邊節錄一些完全不同面貌的書中網站XDD

fromCMS:

http://kyletezak.com/index.html

from JS:

http://www.jtcdesign.com/

from thematic design:

我還蠻喜歡這種切頁的邏輯,mac pro之前的介紹網頁也類似

https://moosylvania.com

當然還有小工具:

http://fontawesome.io/

結語:

看圖練習看了大概看 3~4 個月,藉由大量的圖片或設計累計一些美學意識(sense),
剛開始是看雜圖,到後續以主題或有目的找圖,也嘗試自己設計一些作品,有機會再整理成profile~