10個節省時間的UI設計方法_第1頁
10個節省時間的UI設計方法_第2頁
10個節省時間的UI設計方法_第3頁
10個節省時間的UI設計方法_第4頁
10個節省時間的UI設計方法_第5頁
已閱讀5頁,還剩9頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、前言:這篇文章介紹了日常使用的10個省時間的小技巧,非常實用,一起來看看吧!1.用“scale”工具避免變形-你有沒有在Sketch中試著整組拉伸?然后所有的元素都變形了,文本不會隨著拖拽卡片而變大。這里提供一個非常節省時間的解決方案,一旦你使用了這個按比例變形的工具,就再也不用手動調整每個元素的大小了。下面是使用方法:選中你想更改的整組元素,單擊頭部的“Scale”按鈕或者使用快捷鍵“CMD+K”。然后你可以設置百分比或者寬高,完成!2.用Craft插件自動填充內容-Sketch中的Craft插件有一系列的工作流程增強工具,除了上傳畫板到Invision, 我使用的最多的是自動填充功能。使用

2、方法:你需要選中圖片或文字,然后選擇你想要添加的內容,你也可以直接從電腦硬盤中直接拖動內容進去。這個工具非常智能,它可以為我的設計圖自動填充內容,(填充功能主要有三類:圖文,網頁內容,Json文件),可以節省大把的編造內容的時間。3.用Illustrator輕松創建色板-使用Illustrator的混合工具,秒速創建色板。這個混合工具省去了很多制作色板的時間,當然其他工具也能制作色板,但這個絕對是最快的。做法如下:第1步:做兩個矩形,其中一個填充你想要的顏色,然后另一個填上白色。第2步:選擇兩個矩形,然后打開混合選項,ObjectBlendBlend Options,然后將間距設置為“spec

3、ified steps”然后設置你想要的顏色數量。第3步:選中兩個矩形,然后點擊ObjectBlendMake,或者使用快捷鍵Option+CMD+B,完成!4.Tidy up & Smart alignment-Tidy up 是我最喜歡的Sketch和Figma工具之一,如果我有一組內容需要對齊,我可以選中他們然后單擊角上藍色的整理icon,在Sketch中,點擊右上角的“Tidy”,再選中他們進行拖拽到我需要的間距。Sketch和Figma中的智能排列是另一個很棒的工具,如果我有一組同樣尺寸排列的項目,我可以通過“點擊中間的圓點,然后拖動到新的圓點上”,這樣就能快速的切換他們之間的位置,

4、非常簡單!5.用ellipses避免破壞設計布局-使用ellipses是個很棒的技巧,我之所以提到它,是因為很多新手設計師會有類似需要改變背景卡片來容納所有元素的需求。在上面的例子中,“Outback Steakhouse”可以假定為用戶知道他們買的是什么,如果用戶不確定這是什么,他們可以點擊查看交易詳情。需要注意的是,我只推薦Ellipses用于用戶不會立即使用的信息呈現,或者不會打斷用戶的信息呈現,如果這是一個非常重要的信息,就不要用Ellipses。Ellipses通常來說非常好用,但是考慮到交互體驗,請保證它的使用不會讓用戶感到迷惑。6.WhatFont實時搜索字體-在我們瀏覽網頁的時

5、候,有時候會看到特別喜歡的字體,相對于去檢查頁面源代碼,在Chrome瀏覽器中使用WhatFont插件更方便。當我看見喜歡的字體時,點擊Chrome擴展圖標然后可以迅速找出這是什么字體,然后我在Google中搜索,如果是免費字體就可以下載使用了。7.用計算器功能改變尺寸和位置-如果你還沒意識到,你可以在在任何Sketch的輸入框中使用計算器,計算器可以在Sketch,XD,Figma等很多設計軟件中使用。使用舉例:如果我有一個100px寬的矩形框,我可以快速的在寬度欄輸入100/2,然后就將矩形框的寬度變為50px了。在我需要加倍或者縮小倍數時,計算器用起來非常順手。8.用數字鍵改變圖層透明度

6、-更改透明度的快捷鍵讓我在改變圖層的透明度的時候節省了大量時間。要應用這個技能,你只需要選中想要改變的內容,然后單擊鍵盤上的1-9即可,然后透明度就會立即實現出來,想要70%透明度,按下鍵盤上的7就OK了。這是我在很多設計項目中都會用到的技巧。9.Sketch智能輪廓-智能輪廓是Sketch中的新功能,如果你還沒有用過這個,那可就浪費了太多時間了。智能輪廓可以根據內容和你設定好的邊距自動調整外輪廓。想要使用這個技巧,你只需要創建一個輪廓,然后點擊,創建symbol,然后根據你的喜好設定外輪廓,比如說設計一個Button,我設定了從中心開始拓展輪廓。使用這個工具可以做很多工作,查看Sketch的blog可以獲得更多使用方法。10.icon管理工具Iconjar-Iconjar是一個儲存和管理icon的簡單應用,節省了我下載icon的時間,不管什么時候我需要一個icon,直接去Iconjar里面找就好了。使用這個軟件非常簡單:首先,我找到一個喜歡的icon庫,比如說很多我喜歡的icon資源有:Box icons/Noun

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論