您現在的位置是:電腦技術吧?>? 基礎知識 ??>??設計師必備,設計師必備品??>??正文詳情

設計師必備,設計師必備品

顧清妍2019-11-26 15:41:31 人圍觀
簡介設計師必備技能今天推薦的七個工件,包括經典的和新的,大致貫穿了整個UI設計的工作流程。從排版、配色、裁剪到注釋、預覽,都是由相應的良心工件推薦的,非常適合新手UI設計師

今天推薦的這7個神器,有經典款也有新人版,不過大致貫穿了UI設計的整個工作流程,從排版、配色、切圖到標注、預覽,都有對應的良心神器推薦,非常適合剛入門的UI設計師,當然,有兩款谷歌剛出的神器,也值得老手們來瞧一瞧。

  七種武器為著名武俠小說家古龍著名作品代表作之一,共分為:長生劍、孔雀翎、碧玉刀、多情環、離別鉤、霸王槍、拳頭,七種武器非一般江湖武器,件件精妙絕倫。

  在UI設計中一樣存在這樣的七種武器,如果能擁有這七種武器,必定能讓你設計如同開掛一般事半功倍!  長生劍 排版神器 Material Design Grids  (谷歌搭梯子)  柵格化設計就是按照一定的規則把頁面的寬度分成固定的相同寬度,然后列出各種組合的可能,以方便在進行頁面呈現的時候能夠快速的進行布局,界面設計柵格化系統柵格系統英文為grid systems,開始是從平面柵格系統中發展而來,后在網頁設計中被發揚光大,比較有名的柵格化系統如960GS,現在隨著移動端的興起,移動端設計也有了很多這樣柵格系統。

  Material Design是谷歌推出了全新的設計語言,這種設計語言旨在為手機、平板電腦、臺式機和其他平臺提供更一致、更廣泛的外觀和感覺。

  在Material Design中也有著一套完善的柵格化系統,我們再設計中可以使用這個柵格系統,幫助我們更加高效規范的進行界面設計。

  這個柵格系統所有組件都與間隔為8dp的基準網格對齊,排版/文字與間隔為4dp的基準網格對齊。

  △ 界面設計柵格

  △ 布局設計柵格

  △ 圖標設計柵格  配色神器 Material Design Color Swatches  (谷歌搭梯子)  配色是很多設計師頭疼的問題,特別是一些新設計師在如何調色與配色上往往都是處理的不太好!那么下面這個插件將幫你解決這個問題!

  同樣是來自Material Design,Material Design的配色方案更是艷麗無比,與扁平設計風格更是相得益彰。

如果你還在擔心自己的設計作品配色的話,那么下面這套Material Design的配色版插件,將徹底讓配色變的無比簡單了,媽媽再不用擔心我的配色了!  這套插件可以輕松的安裝到你的Adobe Photoshop 和 Adobe Illustrator 調色板,使用非常方便。

  碧玉刀 切圖神器 Cutterman

  Cutterman是一款運行在photoshop中的插件,能夠自動將你需要的圖層進行輸出。

以替代傳統的手工 導出web所用格式 以及使用切片工具進行挨個切圖的繁瑣流程。

能夠讓你只需要點擊一個按鈕,就自動輸出你需要的各種各樣的圖片,快到沒有朋友!  輸出支持IOS平臺的單倍圖、雙倍圖,支持IPHONE6/6P尺寸比例。

  輸出支持Android平臺的各種分辨率大小圖片,什么XXHPDI,XHDPI,HDPI啊之類的,通通自動化輸出,為你節省出更多的時間陪小伙伴好好玩耍。

  什么png、jpg、gif通通不在話下,還可以自己縮放、壓縮大小呢。

從此,就告別那個所謂的存儲為web所用格式的功能啦~~

  圖層太多?木關系!可以多選嘛!支持選中多個圖層合并輸出,也可以逐一輸出的哦,簡直方便到爆!  離別鉤 標注神器 MarkMan

  馬克鰻是高效的設計稿標注、測量工具,極大節省設計師在設計稿上添加和修改標注的時間,讓設計更有愛。

馬克鰻使用起來也是非常簡單,雙擊添加測量,單擊改變橫縱方向等等功能,基本都是一鍵完成。

馬克鰻是,可以跨平臺使用,減少了在不同平臺使用產生的一系列問題。

  △ 長度標記

  △ 坐標和矩形標記

  △ 色值標記

  △ 文字標記  霸王槍 預覽神器 PS Play

  設計師在日常工作經常會遇到這種情況:電腦上的效果和移動設備上有差異,需要要頻繁保存導出文件,通過數據線或其它網盤工具同步到手機PAD設備上進行預覽,反反復復的非常麻煩  那么現在來嘗試一下騰訊ISUX給我帶來的PS Play吧!  Ps Play是一個通過Wi-Fi網絡,實時在終端設備上預覽電腦上Photoshop的設計稿,可同步調試及截圖保存到移動終端,并可以通過Email、微信等工具即時分享的跨終端應用。

  多情環 圓角神器 CornerEditor

  這是一個極其簡單的Photoshop插件,卻極大的幫助我們解決了Photoshop形狀的圓角問題。

Corner Editor,出自Photoshop Scripts,我們把它稱之為圓角編輯器,只要輸入你想要的圓角半徑數值,你就可以對任何形狀的路徑圓角隨時的自由控制,編輯,調整。

  拳頭 字體神器 Roboto Font  (谷歌搭梯子)  拳法,原始最直接的武器,卻蘊藏著數以千萬種的變化的。

  字體的設計正是如此,它簡單直接,暴力卻又很優雅,妙趣橫生,氣象萬千!  最后推薦給你大家的這項神器也來自于Material Design,它就是Roboto字體。

Roboto 是為 Android 操作系統設計的一個無襯線字體家族。

Google 描述該字體為現代的親切的和人性化的。

  Roboto有6種字重:Thin、Light、Regular、Medium、Bold 和 Black。

  從極細到極粗,Roboto 字體有嚴謹的幾何特性,有很強的現代感,纖細感顯著;同時因為曲線和弧度,所以又很人性化。

這種字體不單可以作為APP主字體來應用,并且作為一種設計修飾字體來使用,效果也是非常驚艷的!圓潤清晰所包含的美學引領了干凈、幾何的設計哲學。

  在中文系統中與之對應的字體為Noto,也包含6種字重。

版權聲明:本文由 顧清妍 整理編輯。

原標題:設計師必備的網站,設計師必備的6個網站

轉載注明出處:http://www.dn9ww09s.icu/basics/14495.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 美團外賣打賞取消了嗎,為什么有些騎手打賞不了

    美團外賣打賞取消了嗎,為什么有些騎手打賞不了 相關圖片美團打賞騎手他知道是誰嗎近日,為了督促外賣男孩更好地為用戶服務,美團外賣推出了獎勵外賣男孩的功能。美團外賣的車手獎勵在哪里?接下來,超人將為我們帶來Android版美團外賣...

  • win10系統平板模式,win10系統怎么退出平板模式

    win10系統平板模式,win10系統怎么退出平板模式 相關圖片win10平板模式怎么關剛剛升級win10系統的用戶對新版windows10有一定的了解。超人小編認為,win10最大的特點是可以同時應用于平板電腦和個人電腦,使桌面的桌面可以像平板電windows10平板...

  • 框架,Php框架

    框架,Php框架 相關圖片框架圖片大全本文主要介紹了在Python中實現簡單狀態框架的方法,涉及到Python狀態框架的實現技巧,具有一定的參考價值,需要的朋友可以參考下面的例子來描述在Pythonhtml簡單框架代碼...

  • win7系統怎么設置路由器上網,win7如何設置路由器wifi

    win7系統怎么設置路由器上網,win7如何設置路由器wifi 相關圖片wind7系統怎樣連接路由器WiFi允許您隨時隨地隨意上網,不再受網線距離的限制。那么我們如何在win7系統中設置無線路由器呢?具體步驟是什么?讓我們和超人編輯器一起設置無線路由器...

  • 動態緩沖,緩沖gif

    動態緩沖,緩沖gif 相關圖片動態緩沖系數緩沖區公式在制作特殊效果時非常有用,在著名的三星導航菜單中使用。現在很多網站都備受關注,其中緩沖導航是其中一大亮點。本文以一個德國網站的導航為例,詳細...

  • 幸運奪寶,奪寶幸運值

    幸運奪寶,奪寶幸運值 相關圖片王者奪寶幸運值滿幸運戰利品是一個非常有趣的軟件。在這個軟件中,用戶可以使用幸運豆來交換商品。你需要什么步驟來為幸運戰利品充電?下一步,超人軟件將為你帶來一個關于如...

  • win7 防火墻,win7防火墻怎么打開

    win7 防火墻,win7防火墻怎么打開 相關圖片win7防火墻打不開防火墻是眾多用戶安裝的必備軟件之一,而為了讓用戶下載,各大安全廠商也紛紛自制防火墻。相比之下,Windows 7系統的防火墻外觀簡單,但經過多年的發展電腦防火墻...

  • 大問題經典句子,大問題經典語錄

    大問題經典句子,大問題經典語錄 相關圖片紅樓夢幾大經典問題本文主要討論夢織女的經典問題。讓我們看看編輯為你安排了什么!1在DW中,如何輸入空間?進入空間的問題似乎已經成為DW中的一個常見問題。我們可能在許多介紹...

  • pdf壓縮到指定大小,pdf文件怎么壓縮的小一點

    pdf壓縮到指定大小,pdf文件怎么壓縮的小一點 相關圖片如何縮小pdf文檔大小Pdf文件一直深受辦公人員的喜愛,使得Pdf文件的閱讀、編輯和轉換成為用戶關注的熱點問題。最近,如何壓縮PDF文件的大小已經逐漸移到桌面上。網友對于這個比較...

  • 便捷的方法,爬樹便捷方法

    便捷的方法,爬樹便捷方法 相關圖片便捷的疊衣方法本文主要介紹了Dreamweaver的便捷技巧和方法。讓我們在下面介紹他們!一。通過靈活使用樣式熟悉Web設計的用戶知道調用樣式有很多方法。我們可以右鍵單擊并選最便捷發...

熱評文章

  • word中間打字后面消失,word文檔前面打字后面消失

    word中間打字后面消失,word文檔前面打字后面消失 相關圖片word文檔打字不顯示在使用word文檔輸入內容的過程中,我們有時會遇到單詞輸入后消失的情況。怎么了?如果打字后的單詞消失了,我該怎么辦?事實上,打字后的單詞會消失文檔中打字...

  • 字體排版,字體排版技巧

    字體排版,字體排版技巧 相關圖片各種字體去年,JDC生產了很多優秀的五梅娘。。。不,H5,我們都很努力,當然,我們也積累了一些經驗和教訓。今天,從字體、排版、動態效果、音效、適配類型和創意等方面,結合文...

  • nginx配置多個server,一臺nginx支持多少并發

    nginx配置多個server,一臺nginx支持多少并發 相關圖片nginx和tomcat區別程序類人猿對nginx配置非常熟悉,但對于普通用戶來說,nginx配置是一件很奇怪的事情。Nginx是一個高性能的HTTP和反向代理服務器,以及IMAP/POPnginx反向代理配置教程...

  • 規范編寫,標準編寫規范

    規范編寫,標準編寫規范 相關圖片產品規范編寫標準這是一個相對復雜的CSS理論,它分為五個部分:基礎、布局、模塊、狀態和主題。然而,它的核心思想仍然類似于OOCSS,鼓勵使用類1。基本屬性基本屬性容易理解,這...

  • 悅跑圈怎么記錄跑步軌跡,悅跑圈查看跑步軌跡

    悅跑圈怎么記錄跑步軌跡,悅跑圈查看跑步軌跡 相關圖片悅跑圈怎樣修改跑步記錄隨著時代的發展,人們越來越關注自己的健康。其中,有很多人喜歡用越跑圈來記錄運動。岳潤泉的跑道怎么走?接下來,超人軟件小編將為大家介紹iPhone版的...

  • 在dreamweavercs6中,dreamweavercs6安裝

    在dreamweavercs6中,dreamweavercs6安裝 相關圖片dreamweaverDreamweaver CS6設置背景音樂的方法步驟:1。指定方法1的代碼。代碼指定方法是指直接在頁面的HTML代碼中設置背景音樂。在現實中,通常使用標簽來實現cs6...

  • 已拍的激萌怎么去水印,怎么刪掉激萌內部照片

    已拍的激萌怎么去水印,怎么刪掉激萌內部照片 相關圖片faceapp有水印用face u軟件自拍很可愛,但不管是視頻還是照片,都會有face u的水?敲門?如何給aceu的照片加水印?今天,超人軟件為您帶來了一個關于faceu水印的圖激萌照片怎樣徹底刪除...

  • 書旗小說,書旗小說免費閱讀

    書旗小說,書旗小說免費閱讀 相關圖片最強老司機 小說書旗小說中有大量的作品,是許多書迷閱讀的天堂。如果你在電腦上下載了很多小說,但又不想通過數據線傳輸,可以使用安卓版的橫幅小說WiFi功能。書旗小說怎么樣女...

  • 獲取顏色,獲取圖片中的顏色

    獲取顏色,獲取圖片中的顏色 相關圖片android顏色本文主要介紹了Python通過PIL獲取圖片主要顏色的方法,并與顏色庫進行了比較。實例分析了Python通過PIL模塊進行圖片操作的技巧,具有一定的參考價值。需顏色抓取...

  • 拼多多省錢的優惠券在哪里領,拼多多平臺優惠在哪里領

    拼多多省錢的優惠券在哪里領,拼多多平臺優惠在哪里領 相關圖片淘寶怎么把人踢出去品多多是一款更實惠的移動部隊網上購物軟件。如果你覺得在多都商城團購不劃算,你還是可以通過各種方式獲得優惠券!如何獲得優惠券?如何獲得優惠券拼多多...

關注微信

变脸官网查询