開掛ing——UI設計師的七種武器

在UI設計中一樣存在這樣的七種武器,如果能擁有這七種武器,必定能讓你設計如同“開掛”一般事半功倍!

小編特選出七大設計神器,希望能夠對你的設計有所幫助!

長生劍 — 排版神器

Material Design Grids

柵格化設計就是按照一定的規則把頁面的寬度分成固定的相同寬度,然后列出各種組合的可能,以方便在進行頁面呈現的時候能夠快速的進行布局,界面設計柵格化系統柵格系統英文為“grid systems”,開始是從平面柵格系統中發展而來,后在網頁設計中被發揚光大,比較有名的柵格化系統如960GS,現在隨著移動端的興起,移動端設計也有了很多這樣柵格系統。

開掛ing——UI設計師的七種武器

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

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

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

開掛ing——UI設計師的七種武器

界面設計柵格

開掛ing——UI設計師的七種武器

布局設計柵格

開掛ing——UI設計師的七種武器

開掛ing——UI設計師的七種武器

圖標設計柵格

孔雀翎 —配色神器

Material Design Color Swatches

配色是很多設計師頭疼的問題,特別是一些新設計師在如何調色與配色上往往都是處理的不太好!那么下面這個插件將幫你解決這個問題!

開掛ing——UI設計師的七種武器

同樣是來自Material Design,Material Design的配色方案更是艷麗無比,與扁平設計風格更是相得益彰。如果你還在擔心自己的設計作品配色的話,那么下面這套Material Design的配色版插件,將徹底讓配色變的無比簡單了,媽媽再不用擔心我的配色了!

這套插件可以輕松的安裝到你的Adobe Photoshop 和 Adobe Illustrator 調色板,使用非常方便。

開掛ing——UI設計師的七種武器

碧玉刀 — 切圖神器

Cutterman

開掛ing——UI設計師的七種武器

Cutterman是一款運行在photoshop中的插件,能夠自動將你需要的圖層進行輸出。以替代傳統的手工 “導出web所用格式” 以及使用切片工具進行挨個切圖的繁瑣流程。能夠讓你只需要點擊一個按鈕,就自動輸出你需要的各種各樣的圖片,快到沒有朋友!

開掛ing——UI設計師的七種武器

輸出支持IOS平臺的單倍圖、雙倍圖,支持IPHONE6/6P尺寸比例。

開掛ing——UI設計師的七種武器

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

開掛ing——UI設計師的七種武器

什么png、jpg、gif通通不在話下,還可以自己縮放、壓縮大小呢。從此,就告別那個所謂的“存儲為web所用格式”的功能啦~~

開掛ing——UI設計師的七種武器

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

離別鉤 — 標注神器

MarkMan

開掛ing——UI設計師的七種武器

馬克鰻是高效的設計稿標注、測量工具,極大節省設計師在設計稿上添加和修改標注的時間,讓設計更有愛。馬克鰻使用起來也是非常簡單,雙擊添加測量,單擊改變橫縱方向等等功能,基本都是一鍵完成。馬克鰻是,可以跨平臺使用,減少了在不同平臺使用產生的一系列問題。

開掛ing——UI設計師的七種武器

長度標記

開掛ing——UI設計師的七種武器

坐標和矩形標記

開掛ing——UI設計師的七種武器

色值標記

開掛ing——UI設計師的七種武器

文字標記

霸王槍 — 預覽神器

PS Play

開掛ing——UI設計師的七種武器

設計師在日常工作經?;嵊齙秸庵智榭觶旱縋隕系男Ч鴕貧璞干嫌脅鉅?,需要要頻繁保存導出文件,通過數據線或其它網盤工具同步到手機PAD設備上進行預覽,反反復復的非常麻煩……

那么現在來嘗試一下騰訊ISUX給我帶來的PS Play吧!

Ps Play是一個通過Wi-Fi網絡,實時在終端設備上預覽電腦上Photoshop的設計稿,可同步調試及截圖保存到移動終端,并可以通過Email、微信等工具即時分享的跨終端應用。

多情環 — 圓角神器

CornerEditor

開掛ing——UI設計師的七種武器

這是一個極其簡單的Photoshop插件,卻極大的幫助我們解決了Photoshop形狀的圓角問題。Corner Editor,出自Photoshop Scripts,我們把它稱之為圓角編輯器,只要輸入你想要的圓角半徑數值,你就可以對任何形狀的路徑圓角隨時的自由控制,編輯,調整。

拳頭 — 字體神器

Roboto Font

拳法,原始最直接的武器,卻蘊藏著數以千萬種的變化的。

字體的設計正是如此,它簡單直接,暴力卻又很優雅,妙趣橫生,氣象萬千!

最后推薦給你大家的這項神器也來自于Material Design,它就是Roboto字體。Roboto 是為 Android 操作系統設計的一個無襯線字體家族。Google 描述該字體為“現代的”“親切的”和“人性化的”。

開掛ing——UI設計師的七種武器

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

從極細到極粗,Roboto 字體有嚴謹的幾何特性,有很強的現代感,纖細感顯著;同時因為曲線和弧度,所以又很人性化。這種字體不單可以作為APP主字體來應用,并且作為一種設計修飾字體來使用,效果也是非常驚艷的!圓潤清晰所包含的美學引領了干凈、幾何的設計哲學。

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

開掛ing——UI設計師的七種武器

以上介紹的七大神器,大家均可以通過在百度搜索關鍵詞進行下載使用。

來源:chinaz

上一篇: 解析APP UI設計未來設計趨勢

下一篇: 坪山新區“智慧坪山”標志設計大賽

分享到: 更多
幸运飞艇全天免费精准计划 贵阳麻将规则 刷水套利教学 乐翻二人麻将 325棋牌游戏 彩票模拟投注平台 压庄龙虎 炸金花做牌技巧视频 好运快3计划软件 多赢彩站下载安装 澳洲幸运8分钟开奖 后三断组什么意思 老时时彩开奖走势图 玩龙虎赌博的技巧 好友二人斗地主 电子游戏平台