站在Google肩膀看網站設計：Thinkwithgoogle

要如何得知你的網站是否行動友善，其實Google已經推出了很多工具，這一次他們做出了一個更炫的網站：Think with...

太誇張！用HTML網頁設計出骨牌特效

雖然這個網頁設計的概念十分的有趣，也佩服設計師的超強功力。但目前仍想不出來能夠帶來什麼實際的商業用途或網站用途...所以...

網頁設計的標準流程-傾聽客戶的聲音

最瞭解企業與單位自身特性的，只有企業與單位負責人最為清楚，網頁設計公司並非萬事通，因此委託單位必須與網頁設計公司進行會議...

超簡單入手網頁設計曲線設計軟體Boxy SVG

今日要推薦的向量設計軟體，不僅用法近似於Illustrator，能夠安裝於Chrome瀏覽器上，最棒的是完全免費，若工作...

色彩學：為何科幻片的電腦畫面總是藍色的

藍色在生物界很罕見，帶給人們非生物、人造的、不常見的感受，因此這是科幻片採用藍色為電腦畫面的主因。或許大家會聯想到天空是...

可愛免費女性網頁設計素材

一般的素材網站大多很中性，當然透過PS的巧手，可以將各式各樣的圖片化身成為女性風格的感受，但是每次看到女性網頁素材，仍是...

用Imgix Pageweight幫你的網站秤重

透過Imgix Pageweight的服務，可以用圖像化的方式，分析你的網站的圖片品質，是否還有壓縮的空間，甚至比較壓縮...

免費工具Canva製作Facebook粉絲網頁設計

Canva除了提供今日要分享的Facebook粉絲網站主圖，連Po文使用的圖片、甚至要製作一個圖文並茂的簡報都是非常簡單...

網頁設計優化打造高性能網站

最經常遇到的優化關鍵點在於影音的部份，其中圖片是網站優化的重點，圖片若沒有經過妥善的優化處理，就會拖累網站的表現，即使網...

歐美風咖啡店DM設計參考

其實大部份的網頁設計者，過去都有做過平面設計的經驗，網頁設計跟平面設計有諸多差異，網頁設計要考量的元素很多，例如色彩、字...

超實用網頁設計毛筆字產生器

中華書法之美，外國網站很少發揮，透過字體產生網站可以滿足你的需求...

網頁設計對話格設計技巧（三）

文字的顏色應用是重點，而這個重點其實只有一個，那就是文字顏色與對話格必須有顯著反差，這樣就行了。 至於反差強有強的...

網頁設計對話格設計技巧（二）

方形對話格有兩大設計要點：留白的空間，以及圓角的設計，這兩個設計可以影響對話框的視覺成敗。...

2016小尺寸智慧手機網頁設計

既然Apple到了2016年都沒有放棄4吋的智慧手機介面，那設計師不應該放棄4吋螢幕的需求。網頁設計師不要以為五吋以上的...

網頁設計對話格設計技巧（一）

網頁平面化設計普及後，對話格再次被設計師所重視。他不像是文字特效，透過字型的變化引起使用者的注意，而是另外開闢一區讓使用...