迎接HTML5網頁設計來臨,10個好用的小工具介紹
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能幫助你更好的對網站設計進行排版以及字體的更換,還包括壓縮標題字型大小、字體變胖等有趣的功能。
轉貼來源:雷鋒網
參考文獻:
1.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
2.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
3.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。
相關文章
為手機開發專用的網頁設計架構公司的網頁很慢,若想換別家的虛擬主機,要怎麼換?捨棄web2.0網頁設計的趨勢改變網頁設計邁向HTML5新世紀一位DMOZ編輯人員對於提交網頁設計類的網站建議
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了