有呀，有呀，設計！
最近看了一本關於設計的書《有呀，有呀，設計！》，受到了啟發，想做一個類似於有呀，有呀，設計 的 有呀，有呀，組件，旨在提供給前后端開發人員開箱即用的組件，尤其是UI組件，與樣式有關的組件，更多的是為后端人員考慮，減輕后端開發研究組件樣式的苦惱。
如果沒有UI設計提供的設計圖，那么前后端在開發時就會陷入困境，邏輯我會寫啊，功能能實現啊，但是頁面展示的好丑哦，怎么都看得不順眼，怎么調樣式才能好看呢，反復地調樣式最終也不滿意，於是我花了很多的時間，看了很多設計類相關的書籍，正在嘗試開發一個網站，對於沒有設計圖的前后端來說，頁面該怎樣配色，怎樣布局，怎樣搭配才能賞心悅目，令人心情愉悅，我覺得這件事情很有意義，就嘗試去做了，目前項目在github上開源，地址是color-library，還在開發中，有興趣的小伙伴可以關注一下，順手點個star也不是不可以~
下面摘錄一下《有呀，有呀，設計！》這本書里的精華吧，對於苦惱於設計的我來說，真的幫助很大，也學到了很多。
有一些能使版式設計更好的方法,至今還沒有專屬用語。
於是，我們把這些方法統一叫作“有呀，有呀，設計！”。
啊，有呀有呀，我確實看到過這個設計！
為了讓大家在感嘆“有呀有呀”的同時，記住對應的設計用語，
我們決定立馬制作這樣一本書。這么一來，就會出現下面的情景：
對啦，這里就用“圓形效果”吧。
這里的話，“一般用雙色調搞定”。
啊，也許可以“兩張照片並排”。
就像上面這樣，通過把設計用語說出口來回想，
大家便可以簡單快速地做設計。
而且,技能“存貨”也會越來越多！
基於這一出發點,我們想出了“有呀有呀用語”。
本書將那些會讓你不假思索地感嘆“有呀，有呀，我以前確實見過！”的版式特征，整理總結成45個設計用語，每個設計用語設置4頁篇幅和6個范例搭配相應解說來介紹。
- 一般用雙色調搞定
- 圓形效果
- 整體圍粗框
- 左起四分之一法則
- 散放三角形
- 畫線分段
- 半透明背景
- 傾斜效果
- 小字裝飾
- 活用插畫
- 漂亮的拱形
- 四周留白最棒了
- 字間留空排列
- 加一根極粗線條
- 文字添框線
- 帶狀底紋生韻律
- 對話框打造親近感
- 溢出效果
- 鋪上條帶即可
- 自然地鏤空文字
- 斜線切分
- 聰明的網格設計
- 不知如何設計？使用條紋
- 只要有單色照片就行
- 可愛手繪文字
- 形似標志設計
- 各式框架
- 凝練的漸變
- 手寫字體增添魅力
- 居中擺放正方形
- 軟乎乎的挖版效果
- 白色背景上放切好的圖片
- 文字點綴
- 照片大塊留白
- 水珠花紋點綴
- 重復重復再重復
- 使文字靈動起來
- 文字貼近版面邊緣
- 添置多幅照片
- 不顯全貌，若隱若現
- 錯開框架
- 用文字作框架
- 用裝飾性線條，營造氣氛
- 文字跨越排列
- 兩張照片並排