分類:網頁設計

想測試自己網站在不同掌上設備顯示的效果嗎? Responsinator讓你不用再到處跟人借設備

responsinator

Responsive網頁設計逐漸火紅,想要測試一下你辛苦設計的網站在不同的移動設備,如手機、平板電腦上的顯示效果嗎? 現在你不用辛苦到處借裝備,或還辛苦拉動瀏覽器的邊框,來模擬各種螢幕大小的顯示效果,你只要連上Responsinator這個網站後,在上頭的URL中輸入你的網址後按下GO鍵,就可以將你的網頁模擬顯示在將近12種流行的平台上,不論是直式或橫式,都可以馬上看到效果,對於網頁設計師來說,真的是一個方便好用的工具網站,快點添加入你的書籤吧!

 

色塊風格Flat UI看膩了? 來點不一樣的吧!

80e671ddbe12a5e6826a1d4f3b3b3313

在當今平面、單色塊就是王道的UI設計風潮底下,來看看有點新鮮風格的UI設計,這個介面的風格有點走回幾年前所流行的那種寫實擬真的質感。話雖如此,這種風格倒是可以看出設計者本身應該具有挺扎實的底子。整體網頁流暢性不錯;缺點就是網站的背景音樂實在太吵了,而且沒有必要。 繼續閱讀

可以像變形金剛的導航圖示,你看過嗎?

navicon

總覺得呆版的導航按鈕圖示很無聊嗎? 試試看這個可產生像變形金剛一樣具有動畫效果的圖示,應該符合你的需求吧? 這個名稱為Navicon Transformicons的圖示,僅用CSS與小部分JS的語法,就可以達成挺酷炫的特效,原始網頁有提供DEMO與原始碼供你使用。 繼續閱讀