国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

資訊
欣賞
資源
服務
返回首頁
UI設計師最需要了解的設計工作流程
作者:333cn  來源:  :

每個設計師看文章都有自己的喜好,有些人喜歡看一些純設計技法或者設計教程,有些人喜歡看一些偏理論的知識點,比如工作經驗、設計流程、設計分析等等。其實作為一名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設計師,目的是為了提升自己的工作流程,把工作做的更好。


本文相關關鍵字:
繼續閱讀:
[轉載請注明作者與出處 傳播設計品牌影響力 匯聚中國設計力量 聯絡QQ:3319655717]  編輯:
相關
文章
推薦
2017海峽兩岸大學...
巨頭競爭伊斯坦布...
2016麥當勞換了時...
優秀LOGO設計大學...
花邊
攝影:666photogr...
田太權攝影作品--...
MM最愛的安全套
叢林精靈 人體彩...
喜歡你,沒道理之...
性感美麗的紋身攝...
排行
專題
  • 平面設計

  • 工業設計

  • CG插畫

  • UI交互

  • 室內設計

  • 建筑環境

設計服務友情鏈接網站地圖廣告服務合作伙伴關于我們版權申明
中國設計之窗 © 版權所有 粵ICP備09030610號 ICP許可證 粵B2-20060659號 
座機:0755-21041837 網站客服QQ:點擊這里給我發消息
主站蜘蛛池模板: 一本大道高清香蕉中文大在线 | 日韩高清一区二区三区不卡 | 91久久精品一区二区三区 | 99久久精品免费精品国产 | 麻豆国内精品久久久久久 | 四虎论坛| 国产精品综合在线 | 欧美真人视频一级毛片 | 欧美久久综合九色综合 | 亚洲欧美日韩在线一区 | 在线观看免费情网站大全 | 亚洲第五色综合网 | 夜夜爱夜夜爽夜夜做夜夜欢 | 日韩欧美一区二区精品久久 | 伊人22222 | 久久精品综合国产二区 | 国产不卡在线观看 | 亚洲欧美日韩人成 | 99精品视频在线观看免费 | 亚洲另类图 | 久久国内精品视频 | 综合婷婷丁香 | 亚洲欧美强伦一区二区另类 | 亚洲日本视频在线观看 | 四虎影院精品 | 看全色黄大色大片免费久黄久 | 一级白嫩美女毛片免费 | 天天操天天干天天透 | 精品一区二区三区免费毛片爱 | 午夜在线精品不卡国产 | 波多野结衣久久 | 99热久久这里只有精品99 | 亚洲综合色区图片区 | 亚洲毛片在线观看 | 久久精品看片 | 99在线热视频 | 国产自产拍精品视频免费看 | 日韩欧美综合在线二区三区 | 影视先锋av资源噜噜 | 国产免费播放一区二区三区 | 天天摸夜夜操 |