標籤 UI 下的所有文章

類比與數位的結合,外型看起來很傳統的智慧型手錶

smartwatch-concept-gabor-balogh-6

智慧型裝置由原先的手機逐間延伸到方便配戴的手錶,相信這幾年會有越來越多的智慧型手錶亮相。但可惜目前推出的智慧型手錶外型,往往看起來就像是手機的縮小版一樣。匈牙利設計師Gábor Balogh就提出了「為什麼智慧型手錶不能看起來就像是傳統手錶一樣呢? 」

繼續閱讀

幾個免費的智慧型物件PSD檔,讓你的UI設計立體呈現

11

這裡有好幾組可供免費下載的PSD原始檔,可以讓UI設計師呈現他們辛苦完成的作品,你只要把你的作品貼上這些版型,就可以自動處理成極具透視感的設計集錦,馬上讓你的設計加分不少。這都要感謝PhotoShop的智慧型物件功能,可幫我們省下不少時間呢。 繼續閱讀

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

responsinator

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

 

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

80e671ddbe12a5e6826a1d4f3b3b3313

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

免寫程式Formoid漂亮網頁表單產生器

formoid_1

網頁上想要設計個漂亮表單(web form),卻又懶得動手寫CODE? 或根本不知道該如何動手呢? 現在有軟體公司開發Formoid這套工具,讓你免費下載使用囉。軟體提供了三種風格,分別是Default(預設)、Metro(Win8?)與Flat(iOS7?)這三種視覺風格,並且提供很方便的元件工具列,讓你可以自由安排你的表單元件,並且編輯元件的參數。 繼續閱讀

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

navicon

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

Android 5.0 UI 概念設計

位於匈牙利布達佩斯的UI設計公司Codebuild,已經迫不及待展現他們對Android 5.0,新作業系統操作介面的設計概念。整體設計呈現簡潔大方的質感,但是半透明薄霧面板,還是讓人很難不與iOS 7聯想在一起。ICON圖示設計一樣是採用最近當道的平面化(Flat)風格,說實在的,還是有點走安全路線。既然是概念設計,或許可以提出一些更具實驗性質的方向與設計,就可以對未來設計提出更多的看法。 繼續閱讀