昨天晚上突然有靈感,就一邊幫朋友放輪一邊修改
最近很喜歡漸層色,加上本身很喜歡格子
於是就完成現在這個樣式~
(先放上突然來的靈感,做了兩種版本,另一個放在最下面)
(動畫是故意讓他走慢一點)
⋆ - ̗̀ 以下為紀錄 ̖́-.⋆
喜歡簡單不花俏、有整體感的設計
然後配合背景色,主要顏色以 [藍、紫、粉] 為主
然後都是飽和度低的顏色
格子自己畫的、背景色自己調的
讓我想起了以前在痞客邦做了很多樣式的回憶XD
(圖太小的話請點圖放大或F5重整)
01.滑鼠尚未移到按鈕區
(紅框內為變化)
- - -。- - -。- - -。- - -。- - -。- - -。- - -
01.滑鼠尚未移到按鈕區
以及次要區塊顏色配置02.滑鼠移到按鈕區
(紅框內為變化)
這應該很多人看不出差別XD
[刪除] 是淺灰底變成白底
[喜歡]、[11] 是文字顏色對調,紫色變成粉色、粉色變成紫色
- - -。- - -。- - -。- - -。- - -。- - -。- - -
最後是
右側區塊
紅框處為按鈕在滑鼠移過去後變白字
框框內是做了半透明效果
文字部分因為區塊之間不能更細的微調
所以顏色會有點難閱讀
反正我主要用的只有圖片左邊這兩個XD巴哈的設計界面蠻清楚明瞭的,也很簡單
缺點是右邊的調整欄位不彈性
會因為太長一串看不到左邊的即時預覽
還要拉來拉來去的
可以的話真想要能給部份開放CSS調整
這樣更能在細部做調整
還有文章區塊可以寬一點,放圖比較方便
因為我不喜歡圖因為寬度被自動縮小,還要點圖放大
以前在痞客邦設計樣式
還認識了喜歡做平面設計的馬來西亞人XD
他不會寫CSS,然後來找我幫他寫
互相討論,一起做出屬於他自己風格的樣式
真的超有趣超開心~
最後附上前面那張圖的第二個版本
差別在有沒有草地
原本也想讓草是動態的,但覺得這樣好花,就沒做
不知道你們喜歡有草地還是沒草的呢~?
一直很喜歡這句話:no rain no rainbow
要成為不會輕易被挫折、阻力打敗的人!