網頁介面設計師的好用工具們

網頁介面設計師要考慮的事情好多,
Desiring Clicks 幫設計師們整理了許多大家常常會用到的工具喔!
這樣大家以後就不用為了找一個工具東翻西翻囉!

Web Design Pattern 設計樣板與靈感

dribbble.com

一張圖、許多的色彩、簡單的敘述、好多的 UI 設計就是 Dribbble 讓你充滿靈感的原因!
Media Queries

陳列了好多 Responsive Design 的網站,同時提供不同尺寸的預覽圖,如果你的設計需要 Responsive Design 絕對不能錯過喔!
pttrns

iOS 的設計師們絕對不能錯過的 iOS 設計靈感來源,放大功能讓你可以更清楚 Retina 的設計細節!
patterntap

裡面有許多網頁和 UI 的設計範例。
checkout-usability

幫你整理了設計購物網站最重要的結帳流程,可以比較不同的網站結帳流程的步驟和介面。
http://www.premiumpixels.com/

便宜又大碗的質感 UI 介面 PSD 檔,這邊有好多可以讓你盡情下載喔!

Prototype 雛形製作

jetstrap

拖拉就可以簡單的完成網站的雛形製作,滿酷的 UI/UX 設計工具。
wireframe.cc

簡單輕巧的拖拉雛形製作工具,有手機橫式、直式和網站三種樣板。

Grids & Layout 格線與排版

http://baselinecss.com/

Baseline 與格線系統所組合成的 CSS 框架,可以簡單的設計出好看的排版架構。
http://960.gs/

螢幕寬度 960 與分割畫面排版框架。
http://konigi.com/tools/graph-paper

常紙上作業的設計師需要的繪圖工具,可以馬上印出來馬上用耶!
http://sneakpeekit.com/

常紙上作業的設計師需要的繪圖工具,可以馬上印出來馬上用耶!

Typographic 字型

dafont.com

超級有名的字型網站,幾乎所有的字型都可以在上面找到,還可以線上預覽。
http://iosfonts.com/

快速的查看有哪些字型有支援 iOS,再也不用替 iOS 字型傷腦筋囉!
lost-type

Lost Type 裡面有好多好特殊的字型,而且居然是佛心的自訂價格!
http://chengyinliu.com/whatfont.html

WhatFont 是一個 Chrome Plugin,安裝之後可以讓你快速的知道網頁所用到的字型,再也不用翻看原始碼囉!

Icons 圖示

http://www.iconfinder.com/

Icon 的搜尋引擎,可以設定大小、背景顏色等等方便尋找圖示。
http://www.iconsguide.com/

Icon Guide 上面有許多的圖示組合,提供給需要的人購買或下載。

Front-end Tools & Frameworks 前端工具與框架

http://ui-cloud.com/button-builder/

有了 Button Builder 再也不用自己去寫按鈕的程式碼囉!只要輕鬆的設定一下就有千變萬化的按鈕!
http://leaverou.github.com/animatable/

原來 CSS3 支援了這麼多不同的動畫效果呢!一眼可以一次看完的感覺真好!
http://twitter.github.com/bootstrap/

Twitter 所釋出的前端框架系統,同時包括格線系統、UI 元件和許多 Javascript 操作物件,無論是製作雛形還是正式產品都很好用喔!
bootsnippp

Bootsnipp 上面有許多人貢獻的 Bootstrap UI 資源,加快你的開發速度!
漫畫是一種大家幾乎都喜歡的刊物,但是為什麼我們喜歡看漫畫呢?也許是因為漫畫就是一種交互體驗的過程。漫畫家一格一格的在漫畫中畫出人物的動作與場景,而我們讀者的工作...
單頁式網站是一種很酷的網站設計形式。特別是當你所提供的資訊量並不大,或是需要一些令人印象深刻的設計來呈現你的產品風格時,單頁式網站為你的瀏覽者提供了簡單、快速的...
還記得表單就像溫柔的店員嗎?我們回顧了許多設計表單要注意的概念。表單是由許多細小的元素所組合而成的集合體,標題和輸入框的排列方式有著重要的地位,標題要放在輸入框...
在手機螢幕上能利用的空間非常有限,我們不想浪費掉任何一個可以展示資訊的空間,試圖將它們透過各種視覺化或是直接顯示的方式表達出來,即使有的時候需要呈現的重要資訊其...
從什麼都賣的 Amazon 到有成千上萬 APP 的 iTunes,許多的網站都擁有可以讓使用者對於產品或服務進行評分的評分系統(Rating System)。...
隨著經濟學家約瑟夫‧派恩(B. Joseph Pine II)和詹姆斯‧吉爾摩(James H. Gilmore)所提出的「體驗經濟(The Experienc...
© 2012 Desiring Clicks. All Rights Reserved.
Top