亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

UI設計師最需要了解的設計工作流程

作者:cyRotel
分類: 教程
2017-05-24
22085

其實作為一名UI設計師應該看文章不要挑剔,每一方面都要看一下,這樣才能更好的提升自己的設計水平和管理能力。

每個設計師看文章都有自己的喜好,有些人喜歡看一些純設計技法或者設計教程,有些人喜歡看一些偏理論的知識點,比如工作經驗、設計流程、設計分析等等。其實作為一名UI設計師應該看文章不要挑剔,每一方面都要看一下,這樣才能更好的提升自己的設計水平和管理能力。

今天主要來跟大家聊聊我自己的工作習慣和方法,相信作新人看了一定會收獲很多。

1.  一般怎么規劃好工作上的需求?

我使用teambition軟件來管理我的日常需求,teambition是一款團隊協作軟件,由于公司使用的是tower,所以目前teambiton我是用來管理個人需求。我用過tower,可能覺得界面不夠美觀,有些地方體驗不是特別好,不過用來團隊協作應該也是不錯的。由于朋友的推薦,我就嘗試用teambiton來管理個人的日常需求,發現已經能夠滿足日常的工作需要了。下面我放上幾張截圖來說明我如何使用teambition。因為teambition功能點非常多,這里只是做個示例,希望有興趣的自己體驗一下。

產品設計流程圖(PM)

產品設計流程圖(PM).jpg

App設計流程圖

App設計流程圖.jpg

適合全新App設計,整理出所有大致需要做的東西,然后按照從左到右的順序分別完成。

設計走查 – 界面視覺

設計走查 – 界面視覺.jpg

這里是設計走查的界面視覺的詳情頁,我這里只是大概的寫了一下,卡片內可以設置時間、上傳附件、添加子任務等等。

每日工作流程圖

每日工作流程圖.jpg

這是我日常的工作流程,這里只是舉個例子,所以每項基本就列了一項,每日工作回顧是每天要回顧一些東西,比如查看郵箱、查看Tower上任務等。需求列表主要是放置一些需要完成的任務事項。進行中的意思是今天正在做的事項。本周完成事項是把這周完成的事項都拖到這里,方便周末的時候寫周報。Bug列表主要是平常體驗App發現的問題,然后記錄在這里方便以后解決。

感興趣的可以自己去研究一下teambition軟件,類似的軟件有很多,比如tower、trello等等,大家找到適合自己的就行,它是一個團隊協作軟件,比較適合團隊之間的合作,而且teambition也提供了很多流程模板,具體的teambition使用方法可以去看官網(支持各大平臺),如果有問題可以留言~這里就不再講述了。

2.  UI設計會用到哪些工具,推薦一個你喜歡的功能點?

我一般用sketch完成UI界面設計,zeplin完成標注,我所知道的大部分UI設計師都是用sketch來做界面設計,Sketch Measure來標注;也有設計師用PS來做設計稿(可能公司沒配Mac),如果你之前還是用PS做移動UI界面,可以嘗試一下Sketch,不過sketch現在采用了年費制度,你可以先下載下來體驗一下。下面我來簡單介紹一下Sketch44的一個新功能,希望你喜歡~

Sketch 44的Resizing功能

前面的功能介紹來自Medium的Jon Moore的,主要是為了方便大家學習,后面我會具體操作示范。

Sketch 44的Resizing功能.png

20px的正方形白色盒子距離紫色上方和右方固定;

uisdc-ui-20170523-24.gif

雖然間距固定于邊角了,但是你會發現由于縮放的時候白色矩形大小在縮小,因為沒設置Fix Width和Fix Height。

Sketch 44的Resizing功能.gif

固定邊角,白色矩形大小固定不變(固定上方和右邊,并設置Fix Width和Fix Height)。

Sketch 44的Resizing功能.gif

白色矩形寬度不變,距離上方、右側、下方間距不變(固定上方、下方、右邊,Fix Width)。

Sketch 44的Resizing功能.gif

白色居中居中顯示(設置Fix Width和Fix Height)。

Sketch 44的Resizing功能.gif

文字段落距離兩側和上方間距不變(固定上方、右邊、左邊)。

Sketch 44的Resizing功能.gif

文字距離段落兩側不變(固定右邊和左邊)。

Sketch 44的Resizing功能.gif

演示設計稿750 x 1334如何變到1242 x 2208尺寸。

Sketch 44的Resizing功能.jpg

首先把750尺寸設計稿縮放到150%(因為@3x和@2x是1.5倍關系),得到下面的圖:左側:750×1334,右側1125×2001。

Sketch 44的Resizing功能.jpg

Sketch 44的Resizing功能.jpg

直接修改畫板大小,1125×2001大小改成1242×2208尺寸,得到下面的圖:左側:750×1334,右側1242×2208。

Sketch 44的Resizing功能.jpg


Sketch 44的Resizing功能.jpg

Sketch 44的Resizing功能.jpg

最終適配圖:左側750×1334,右側1242×2208,這個頁面還不算特別復雜,只是通過這個簡單的案例希望大家可以舉一反三,其實在實際工作中一般也不需要做2套不同尺寸的圖~

Sketch 44的Resizing功能.jpg

3.  如何整理設計文檔,怎么分類比較好?

下面是我自己工作的分類圖,我是參考了其他人的文件分類,然后按照自己的工作習慣整理的,所以大家也可以參考一下,做出符合自己的文件夾分類。

Sketch 44的Resizing功能.jpg

4.  怎么樣才能在Dribbble、Pinterest找到相應的UI界面?

其實一般國內花瓣網就足夠了,如果你翻墻去國外網站或者google上找相應的UI界面,那就必須了解UI界面的相關詞匯了,我這里給大家總結一些,希望大家下去自己平常多多積累,這樣就不用擔心搜不到相關頁面了。

怎么樣才能在Dribbble、Pinterest找到相應的UI界面.jpg

最后希望這篇文章能夠幫到一些新手UI設計師,目的是為了提升自己的工作流程,把工作做的更好。


-end-


2
1
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      国产欧美日本一区视频| 欧美日韩一区精品| 亚洲精品激情| 欧美婷婷久久| 久久国产精品久久久久久| **性色生活片久久毛片| 欧美日产一区二区三区在线观看| 一二三四社区欧美黄| 国产伦一区二区三区色一情| 久久人91精品久久久久久不卡| 亚洲人体偷拍| 国产欧美精品一区aⅴ影院| 久久久久久香蕉网| 中文高清一区| 影音先锋成人资源站| 欧美日韩国产综合在线| 久久精品国产综合精品| av成人激情| 一区二区三区在线不卡| 欧美视频在线视频| 久久蜜桃精品| 亚洲图片自拍偷拍| 亚洲福利一区| 国产亚洲欧美aaaa| 国产精品v欧美精品v日韩| 久久久久久久久综合| 亚洲天堂av在线免费| 伊人久久大香线蕉综合热线| 国产精品久久久久9999| 免费成人高清| 久久精品1区| 亚洲午夜一区| 日韩视频中文字幕| 亚洲福利小视频| 国产视频亚洲精品| 欧美亚洲成人网| 欧美精品一区二区蜜臀亚洲| 久久久久欧美| 欧美综合第一页| 亚洲自拍都市欧美小说| 日韩一级免费观看| 亚洲国产欧美在线人成| 国产一级揄自揄精品视频| 国产精品久久久久毛片大屁完整版 | 黑丝一区二区三区| 国产精品美女主播| 欧美日韩在线三区| 欧美日本一区二区三区| 欧美暴力喷水在线| 免费一级欧美片在线观看| 欧美一区二区在线免费观看| 亚洲一本视频| 在线视频你懂得一区二区三区| 亚洲精品国产品国语在线app| 国内精品福利| 国内外成人免费视频| 国产日韩欧美一区二区三区在线观看 | 欧美日韩免费网站| 欧美黄色成人网| 欧美成人自拍视频| 欧美成人三级在线| 欧美顶级艳妇交换群宴| 免费久久久一本精品久久区| 美女网站在线免费欧美精品| 久久视频免费观看| 美女网站在线免费欧美精品| 男同欧美伦乱| 欧美久久久久久久| 欧美日韩综合在线| 欧美午夜国产| 国产精品五月天| 国产精品亚洲а∨天堂免在线| 国产精品久久久久久五月尺| 国产精品一区免费视频| 国产日韩一区二区三区在线| 国产一区欧美| 亚洲激情偷拍| 一区二区三区日韩精品| 一区二区三区国产在线| 亚洲欧美激情视频| 久久国产主播精品| 欧美成人蜜桃| 欧美日韩精品一本二本三本| 国产精品不卡在线| 国产日韩欧美日韩| 亚洲国产91精品在线观看| 亚洲裸体在线观看| 午夜精品一区二区三区在线视| 久久aⅴ国产欧美74aaa| 男女激情久久| 欧美天天综合网| 国内精品美女av在线播放| 亚洲国产婷婷香蕉久久久久久99| 亚洲精品视频免费在线观看| 亚洲综合另类| 老鸭窝91久久精品色噜噜导演| 欧美日本免费| 国内精品久久久久影院薰衣草| 91久久国产综合久久91精品网站| 亚洲香蕉伊综合在人在线视看| 久久不射2019中文字幕| 欧美精品99| 国产亚洲欧美色| 一区二区冒白浆视频| 欧美在线免费观看| 欧美激情精品久久久六区热门| 国产精品久久久久久模特| 狠狠噜噜久久| 亚洲在线网站| 欧美成人免费在线视频| 国产三级欧美三级日产三级99| 亚洲精选一区| 久久久人成影片一区二区三区观看 | 蜜桃久久av一区| 国产精品一区一区| 99re66热这里只有精品3直播| 欧美一区二区三区久久精品茉莉花| 欧美黄色aa电影| 国模叶桐国产精品一区| 中日韩美女免费视频网址在线观看 | 久久人人爽人人爽爽久久| 欧美日韩在线一二三| 在线日韩日本国产亚洲| 欧美一级淫片aaaaaaa视频| 欧美日韩xxxxx| 亚洲国产美国国产综合一区二区| 亚洲一区日韩在线| 欧美日韩国产另类不卡| 亚洲国产91精品在线观看| 欧美在线亚洲在线| 欧美性猛交一区二区三区精品| 在线日韩视频| 久久久伊人欧美| 国产亚洲成人一区| 午夜精品久久久久久久白皮肤| 欧美日韩美女一区二区| 亚洲黄色尤物视频| 老鸭窝亚洲一区二区三区| 国产一区二区精品久久91| 亚洲欧美日韩在线综合| 欧美午夜在线观看| 日韩一二三在线视频播| 欧美激情亚洲自拍| 亚洲全部视频| 欧美成年人视频网站| 亚洲国产日韩一级| 久久亚洲精品一区二区| 狠狠久久综合婷婷不卡| 久久精品观看| 黑人巨大精品欧美黑白配亚洲| 久久精品国产久精国产一老狼| 国产伦精品一区二区三区在线观看 | 亚洲精品国久久99热| 欧美va亚洲va香蕉在线| 亚洲国产精品久久久| 欧美刺激性大交免费视频| 亚洲国产专区校园欧美| 欧美成人精品在线观看| 亚洲国产日韩欧美在线动漫| 美女视频黄 久久| 亚洲欧洲日本mm| 欧美日韩国产色综合一二三四| 亚洲最新视频在线| 欧美午夜性色大片在线观看| 亚洲素人在线| 国产欧美一区二区三区在线看蜜臀| 午夜日韩视频| 一区二区三区亚洲| 欧美肥婆bbw| 亚洲桃花岛网站| 国产亚洲欧美日韩在线一区| 久久婷婷麻豆| 99人久久精品视频最新地址| 国产精品ⅴa在线观看h| 性做久久久久久免费观看欧美| 韩国成人理伦片免费播放| 免费视频一区| 宅男66日本亚洲欧美视频 | 亚洲国产高清高潮精品美女| 欧美精品一区二区视频| 亚洲性视频网站| 韩国欧美国产1区| 欧美国产视频在线观看| 亚洲一区尤物| 国内精品久久久久久久影视蜜臀| 欧美成人免费全部| 亚洲一卡久久| 在线观看一区| 欧美香蕉视频| 久久视频在线视频| 宅男66日本亚洲欧美视频| 国内精品久久久久影院优| 欧美乱大交xxxxx| 午夜综合激情| 亚洲美女黄网| 国产一区二区三区四区三区四| 欧美成人午夜激情视频| 亚洲欧美日韩一区二区| 亚洲欧洲精品一区二区| 国产精品制服诱惑|