在信息爆炸的今天,設(shè)計(jì)師要通過網(wǎng)絡(luò)尋找設(shè)計(jì)素材和工具是一件簡(jiǎn)單的事情,相應(yīng)的,要找到真正可靠且素質(zhì)優(yōu)秀的素材,也越發(fā)的不容易。在海量的網(wǎng)站中尋找一個(gè)符合需求的素材,花費(fèi)在搜索和篩選上的時(shí)間也越來越長(zhǎng)。這種情況使得今天這樣的設(shè)計(jì)工具/素材推薦類的文章與合集顯得更有意義,也彌足珍貴。
由于網(wǎng)頁設(shè)計(jì)師和開發(fā)者之間的界限越來越模糊,兩者所用的工具和素材的交叉重疊的情況也非常普遍。今天所推薦的這15項(xiàng)全新的工具/素材里,應(yīng)該有很多都值得網(wǎng)頁設(shè)計(jì)從業(yè)者們收入囊中。這當(dāng)中涵蓋了設(shè)計(jì)類應(yīng)用、框架、分析工具、柵格系統(tǒng)等多種類別,單把它們放到一起,就足以組成一個(gè)網(wǎng)頁設(shè)計(jì)師的日常用工具合集了。接下來我們具體看看這些新工具能幫你做哪些事情。
1. Frontify
Frontify 可以讓你在5分鐘內(nèi)創(chuàng)建一套漂亮而完備的風(fēng)格指南!這個(gè)在線工具有趣而簡(jiǎn)單,讓你維護(hù)品牌風(fēng)格和樣式快速而方便。由于Frontify 優(yōu)秀的用戶體驗(yàn)設(shè)計(jì),你可以很快上手,即使你有專業(yè)的需求,F(xiàn)rontify 的說明文檔也可以引導(dǎo)你實(shí)現(xiàn)一些更細(xì)致更專業(yè)的東西。
2. Flarum
Flarum 是一套簡(jiǎn)約易用的開源論壇系統(tǒng)。如果你需要一個(gè)相對(duì)簡(jiǎn)單的論壇網(wǎng)站的話,可以考慮Flarum,它界面簡(jiǎn)單且可以快速上手,讓你更多的專注于話題討論。Flarum的論壇頁面滾動(dòng)加載流暢,無需等待頁面加載。
3. Lightning Design Systems
這個(gè)名為閃電設(shè)計(jì)系統(tǒng)的工具專注于構(gòu)建體驗(yàn)優(yōu)秀的企業(yè)級(jí)APP。在這套系統(tǒng)的支持之下,你可以快速地對(duì)整個(gè)界面進(jìn)行深度定制,保持整個(gè)界面保持高度的一致性而無需讓工程師在此耗費(fèi)更多精力,你所需要做的就是下載那些無平臺(tái)限制的CSS框架,然后開工就可以了。你可以參考這套系統(tǒng)的詳細(xì)說明作出符合SalesForce生態(tài)的優(yōu)質(zhì)APP,輕松地調(diào)用SalesForce的核心視覺組件和交互模式,拿出好的方案。
4. Rucksack
Rucksack 是一款有趣的CSS工具,讓CSS的開發(fā)過程更加有趣了。Rucksack 是基于PostCSS構(gòu)建的,模塊化設(shè)計(jì),沒有冗余,運(yùn)行起來飛快。將Rucksack融入到你的開發(fā)流程是很簡(jiǎn)單的,Rucksack對(duì)絕大多數(shù)的工具都有相應(yīng)的插件。由于它是基于PostCSS來構(gòu)建的,所以它同其他的CSS處理工具都能很好的兼容,甚至能夠同Stylus直接協(xié)同。
5. GridLayout
GridLayout是一款輕量級(jí)的柵格系統(tǒng),用以制作水平滾動(dòng)或者垂直滾動(dòng)的Web應(yīng)用,并且能夠兼容舊版的瀏覽器。如果你需要?jiǎng)?chuàng)建復(fù)雜的布局,并且需要對(duì)舊版的瀏覽器進(jìn)行兼容,選擇GridLayout是很不錯(cuò)的。這套工具涵蓋了1KB大小的CSS文件和大概0.5KB的JS文件,如果你只需要支持更為現(xiàn)代的瀏覽器,最好不要使用Flexbox。這個(gè)工具是基于MIT的協(xié)議來分發(fā)的。
6. Bonsai
Bonsai 是一款為自由設(shè)計(jì)師所準(zhǔn)備的工具,用來創(chuàng)建、簽署和存儲(chǔ)工作合同的工具,并且可以協(xié)助付款、托管。目前這個(gè)簽署協(xié)議的模塊已經(jīng)完善并且發(fā)布了,而支付和托管的部分還處于內(nèi)測(cè)階段?,F(xiàn)在Bonsai對(duì)于專業(yè)的設(shè)計(jì)人員的工作合同簽署的支持已經(jīng)做的很不錯(cuò)了,尤其是支付方式的規(guī)定、知識(shí)產(chǎn)權(quán)保護(hù)等環(huán)節(jié)。
7. Apostrophe
Apostrophe 是一款設(shè)計(jì)驅(qū)動(dòng)下、基于Node.js 和MongoDB的內(nèi)容管理系統(tǒng)。這套CMS為你提供了靈活的工具,你可以以此為基礎(chǔ)設(shè)計(jì)內(nèi)容向的網(wǎng)站,不論是簡(jiǎn)約風(fēng)還是繁復(fù)的結(jié)構(gòu)都可以輕松Hold住。這套系統(tǒng)的開發(fā)者相信,內(nèi)容編輯應(yīng)該是簡(jiǎn)單而易用的,也就是在這想法的驅(qū)動(dòng)下Apostrophe的編輯體驗(yàn)設(shè)計(jì)的非常容易上手,網(wǎng)站編輯也可以輕松掌控網(wǎng)站內(nèi)容。
8. Grid.Guide
Big Bite 的員工發(fā)現(xiàn)計(jì)算柵格的寬度是一件非常惱人的事情,尤其是在嵌套結(jié)構(gòu)下。正是在這種需求的驅(qū)動(dòng)下,他們發(fā)明了這款Grid.Guide工具。這款工具會(huì)根據(jù)大寬度和列數(shù)來幫你計(jì)算可能的排列組合,生成對(duì)應(yīng)的PNG文件,讓你可以直接托拽到相應(yīng)的工具中使用。更重要的是,Grid.Guide是完全免費(fèi)的!
9. Quantity Queries
Quantity Queries 是一款幫你進(jìn)行數(shù)量查詢的工具。
10. Timber
Shopify Timber 是一款前端框架,用于快速便捷地構(gòu)建Shopify主題。其實(shí)從廣泛意義上來說這是一款可以廣泛應(yīng)用的主題制作工具,并不全限制于在Shopify中運(yùn)用。不論是經(jīng)驗(yàn)豐富的設(shè)計(jì)師和前端還是新手都可以靈活運(yùn)用,其中包含了模板、標(biāo)記、模塊和CSS框架,根據(jù)你的需求調(diào)用就好了。
11. Now UI Kit
InVision所提供的這套Now UI Kit 是一套堪稱好的跨平臺(tái)UIKit,可以用于網(wǎng)頁設(shè)計(jì)、平板和手機(jī)的界面,當(dāng)然,最重要的是它是免費(fèi)的。其中包含了52個(gè)完整的設(shè)計(jì)模板、35款可以自定義的圖標(biāo)以及可以運(yùn)用在各種界面中超過180個(gè)UI組件。
12. Unsplash
我們其實(shí)已經(jīng)不是第一次推薦Unsplash.it ,它是用于網(wǎng)頁中的圖片占位符,其中所用的圖片是來自于網(wǎng)站Unspalsh.com,這個(gè)網(wǎng)站提供了許多高品質(zhì)的圖片,這也使得Unsplash.it的效果非常不錯(cuò)。
13. Gitup
Gitup 是一款為Git所準(zhǔn)備的圖形化客戶端。在Gitup的協(xié)助下你可以便捷的提交、創(chuàng)建新的分支、合并等等等等。Gitup 賦予了Git全新的交互方式,讓代碼管理更加迅速、安全、無痛。
14. Color Hunt
ColorHunt 包含了一系列漂亮炫酷的色彩組合,網(wǎng)站會(huì)每天更新配色方案,并且根據(jù)瀏覽數(shù)排列出最漂亮的配色方案。
15. TinyCon
TinyCon 是一款管理Favicon 的庫,借助它可以方便地管理Favicon和彈出框。
當(dāng)前題目:15款新鮮出爐的國外實(shí)用網(wǎng)頁設(shè)計(jì)工具
本文地址:http://jinyejixie.com/news/81933.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)公司、服務(wù)器托管、網(wǎng)站維護(hù)、電子商務(wù)、App開發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)