HTML5時代即將來臨，各種 網頁設計 表現形式也開始層出不窮，你甚至都不知道明天會出現什麼的樣的網頁設計，因為HTML5太強大了。HTML5對網頁設計的要求也會越來越高。好的網頁設計 輔助工具對網頁設計開發是有很大的幫助的，一些好的工具軟體能讓網頁開發設計工作事半功倍。下面小編就給大家介紹一些國外網頁設計經常使用的一些小工具， 希望對廣大網頁設計能有所幫助。
1、Scroll Kit 軟體
該工具是Wordpress的一個插件，你可以直接在流覽器中對編輯好的網站進行字體字型大小編輯、插入圖片、添加標籤、圖層和表格等一系列操作， 直接在視覺化模式下編輯，所見即所得，讓你即時把握網頁設計的風格走向。大家可以去Scroll Kit官方網站體驗一下。同類型的工具還有Breezi。在功能上Breezi更加強大一些，Breezi 是一個流覽器端網頁設計管理工具，不過操作也更複雜，大家各取所需吧。
2、Skeleton 軟體
Skeleton是一系列CSS和JS檔的集合，它可以幫你快速的調整網頁設計在不同的顯示解析度下的顯示效果，17寸的顯示器和iPhone的螢幕網頁顯示效果是不一樣的。Skeleton有三個主要原則：網格在移動設備上快速回應、快速啟動以及風格不可知論者。
3、Responsive Design Test Bookmarklet 軟體
一個小小的腳本檔，可以幫助你即時查看任意網頁設計在不同設備解析度下的顯示情況。進入Responsive Design Test Bookmarklet網站按提示設置不同解析度之後生成代碼，將生成的代碼拖動到你需要測試的網頁標籤中就可以使用了。
4、Box of Bundles 軟體
Box of Bundles集中了全球眾多網頁設計使用的UI範本、登陸框、分享按鈕等網頁設計中需要使用的內容，這些東西都是免費的。
5、Invision 軟體
Invision是一款UI原型設計工具，用於交互原型和框架設計，如果你這在尋找一款UI設計工具的話可以試試這個。
6、Layercake 軟體
將你的Photoshop Web檔快速的轉化為適合網頁設計使用的檔，只需要將PSD檔拖動到程式中就行，而不需要在Photoshop中逐個轉換浪費時間，而且還是自動按照你設計時對每個檔的命名而對新檔重命名，不過需要注意的是該軟體只有Mac版本。
7、Temboo 軟體
Temboo中含有超過60個API，這個軟體發展工具包包含了眾多Java環境下使用的API。
8、Parse 軟體
Parse是一個完整的 iOS和Android 後端支援平臺，它可以讓開發者完成忘掉伺服器端的事情（Parse透明地為你提供服務端的支援），全情投入在用戶端的開發上面，有人把它類比成手機開發中的Rails。Parse提供了：
•推送服務
•用戶、社交網路連接（含Twitter,Facebook)
此外，Parse還提供了本地資料與服務端資料同步的服務，開發者只需要對本地的資料進行操作就行。有這樣好的SDK和服務提供給你時，做一個 iOS或Andoird應用變得更加容易了。如今這樣的第三方SDK和服務越來越多。原來在 Web2.0裏面出現的第三方服務，如評論，用戶回饋託管（如userVoice），表單等己經開始全面移植到移動互聯網的世界。可以想像，未來的移動應 用也可以簡單的糅合出來。
9、Air Display 軟體
當你在開發設計網頁和程式的時候是否曾經希望自己的Mac或Windows電腦多一台顯示器?的確有應用程式可以實現這一點。通過 Air Display,你可以把你的iPad、iPhone或iPod Touch當用作無線顯示器,擴展電腦桌面，讓原本不夠用的電腦桌面更寬廣。
10、Typekit Lists 軟體
Typekit Lists能幫助你更好的對 網站設計 進行排版以及字體的更換，還包括壓縮標題字型大小、字體變胖等有趣的功能。
轉貼來源：雷鋒網
http://www.piece2ec.com.tw/news.asp?ID=834
參考文獻：
1.李青蓉等編著.(1998).人機介面設計，台北縣：空大。
2.邱柏清.(2004).網頁介面愉悅行之研究，國立台灣科技大學設計研究所碩士論文。
3.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例，第六屆設計學術研究果研討會論文集。
留言列表
