中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

身為 UI 設(shè)計(jì)師，工作內(nèi)容不是只有做 PSD 和切圖，只會(huì)這兩樣的叫美工?；疽晃缓细竦腢I設(shè)計(jì)師必須要具備撰寫文件的能力，文件最低限度需包含：企劃書、規(guī)格書、Wireframe、 Mockup、切圖、標(biāo)示文件、UI Kit、UI Pattern、Guideline。

小學(xué)時(shí)的作文「我的志愿」想當(dāng)作家，當(dāng)作家好啊不用出門就有錢賺，看這思想多單純多懶惰…結(jié)果現(xiàn)在變成設(shè)計(jì)師，只能把寫作當(dāng)興趣了。

設(shè)計(jì)師在工作流程上會(huì)需要產(chǎn)出各種文件，請當(dāng)成存證信函在寫，反正文件基本功能就是存證和溝通用。不管什么文件都有幾個(gè)共通的要點(diǎn)：

• 不需口頭說明就能看懂。
• 有多詳細(xì)寫多細(xì)，避免使用「等等」（etc）這類詞匯。
• 版本控管。

我不是在上位的主管階，自始至今我都是第一線基層人員，就只分享第一線要做哪些事、具備什么素養(yǎng)、懂哪些事。其他的等我爬上去經(jīng)歷過了再說。

企劃書

這是 Planner 的工作，但 UI 設(shè)計(jì)師一定要具備 5W 2H 1E 的基本能力。

• What ?什么—— 企劃的目的、內(nèi)容。
• Who ?誰—— 企劃相關(guān)人員。
• Where ?何處 —— 企劃實(shí)施場所。
• When ?何時(shí) —— 企劃的時(shí)間。
• Why ?為什么 —— 企劃緣由、前景。
• How ?如何 —— 企劃的方法和運(yùn)轉(zhuǎn)實(shí)施。
• How much ?多少 —— 企劃預(yù)算。
• Effect ?效果 —— 預(yù)測企劃結(jié)果、效果。

可以參考5W2H1E – MBA智庫百科?和?一分鐘學(xué)會(huì)企劃書撰寫！這兩篇文章，寫企劃沒想象中那么難，UI設(shè)計(jì)師要寫的也不過把 5W 2H 1E 條列出來的程度就好。

規(guī)格書

規(guī)格書分成 2 種， Functional Spec 功能規(guī)格書、Technical Spec 技術(shù)規(guī)格書。技術(shù)規(guī)格書是 RD 在寫的，和設(shè)計(jì)師關(guān)系不大，功能規(guī)格書才是設(shè)計(jì)師要注意的目標(biāo)。

規(guī)格書定義出這個(gè)案子有哪些要做的事、需包含哪些功能，比如購物車、留言版、會(huì)員系統(tǒng)等等，和企劃書是完全不同的文件。

很久以前寫的舊文?初學(xué)者的 Functional Map?可以當(dāng)成功能規(guī)格書的極簡化版，UI 設(shè)計(jì)師不需要到會(huì)寫完整又詳細(xì)的功能規(guī)格書，但一定要具備整理這份 Map 的能力。

規(guī)格書包含 Flow chart 和 UI Flow。Flow chart 為流程圖（包含用戶操作情境或功能 Flow）； UI Flow 則特指接口間的操作流程，兩者是不同的圖表。可參考?流程圖 – MBA智庫百科?、初學(xué)者的 UI Flow

延伸閱讀?工作清單：Functional Map、?工作清單：UI Flow

Wireframe

正常的軟件開發(fā)流程一定包含企劃書、規(guī)格書，如果不這么做的通?！取傊?，到了 Wireframe 階段應(yīng)該就是 UI 設(shè)計(jì)師熟悉的工作了。

Wireframe 一定要寫說明文字！

Wireframe 一定要寫說明文字！

Wireframe 一定要寫說明文字！

很重要所以要說 3 次。（這梗早被玩爛了）

有點(diǎn)像 User Story 但不全是，說明文字要注明該頁面上的各種操作、組件變化，參考?各種狀態(tài)與突發(fā)狀況，能考慮越周到越好，事前預(yù)防總比事后發(fā)現(xiàn)有漏要硬塞來的輕松。

Wireframe 可以參考?什么是 Wireframe ?、?為什么要畫3次 Wireframe？?這兩篇文。

延伸閱讀?工作清單：Wireframe

Mockup

就是開 Photoshop 或 Sketch 之類繪圖軟件制作精稿，設(shè)計(jì)師最熟悉的會(huì)話，也最婊 RD 的一步。不要設(shè)計(jì)得超炫結(jié)果實(shí)作人員做不出來還怪 RD 學(xué)藝不精，看他們砍不砍死你。

和設(shè)計(jì)師聽到「就不能用比 #FFF 更白的顏色嗎」同感，對(duì)實(shí)作技術(shù)外行就不要充內(nèi)行。Mockup 雖說是設(shè)計(jì)師最熟的文件、卻也是問題最多的文件，需熟知各平臺(tái)規(guī)范、Web 框架，才不會(huì)搞一堆能看不能用的「個(gè)人作品」。

延伸閱讀：工作清單：Mockup

切圖

切圖這工作可能在 F2E 或設(shè)計(jì)師身上，F(xiàn)2E 的工作剛好踩在各種在線比較萬能一些，若是 App 項(xiàng)目會(huì)由 UI 切圖。曾遇過設(shè)計(jì)師很高興的說，切圖被他們家 F2E 拿回去做，不再是他負(fù)責(zé)了…是圖切得有多不敷使用導(dǎo)致被 F2E 放棄？

各家平臺(tái)不同，切圖的方式也大不相同。UI 設(shè)計(jì)師需熟知各家切圖方式并用可被輕松理解的方式切出合用的圖檔。

延伸閱讀：工作清單：切圖

標(biāo)示文件

當(dāng) Mockup 制作完成進(jìn)入切圖階段后，需要制作一份寫明各元素尺寸、位置、色碼、透明度、字型、字級(jí)、文件名等信息的文件交給 RD，RD 才會(huì)知道「數(shù)值」多少。別指望他們在沒有任何說明的情況下就知道這圖片怎么用、放哪里、間隔是幾 px，有這等神通力誰想當(dāng) RD。

這是件非常煩瑣又很悶的工作！幸好市面上很多工具可以加快制作過程。試過很多款，我最推薦?標(biāo)示文件神器：specKing，幾乎全自動(dòng)了，按一按鈕就全部算好數(shù)值跑完，省事省力。

延伸閱讀：哪天想到再補(bǔ)上

UI Kit、UI Pattern、Guideline

這三樣是完全不同的文件，常常被混在一起講，更甚者會(huì)連標(biāo)示文件一起攪進(jìn)來大亂斗。

UI Kit

Dribbble 上很多設(shè)計(jì)師會(huì)把自己設(shè)計(jì)的某產(chǎn)品所有組件全部集中在一張圖上，這種文件稱為「UI Kit」。成套的 UI 組件庫概念，只有圖、不太會(huì)有文字說明，常見于原始檔，方便使用。

UI Pattern

剛好夾在 UI Kit 和 Guideline 中間。像 UI Kit 一樣用功能或用途分類、并集結(jié)組件，但又像 Guideline 說明各個(gè)組件要怎么用（實(shí)作上要怎么運(yùn)用、不是概念說明）。

UI Pattern 分兩種，給實(shí)作人員看的就像?Bootstrap?那樣；給 UI 設(shè)計(jì)師看的 Pattern 會(huì)像?行動(dòng)接口設(shè)計(jì)模式圖鑒?這書。

Guideline

拆分某產(chǎn)品系列所會(huì)用上的所有元素至最小單位，并分階層類別，需要大量文字輔助說明該元素的意義和運(yùn)用規(guī)則。需透過審核機(jī)制才可變動(dòng)其內(nèi)容。公司所有成員都應(yīng)可透過簡單的方式取得此文件，同等于公司的企業(yè)識(shí)別系統(tǒng)。

延伸閱讀：設(shè)計(jì)規(guī)范要點(diǎn)

附最新書單推薦：

來說一下第2排的4 本書的心得：設(shè)計(jì)的方法、設(shè)計(jì)的心理學(xué)、設(shè)計(jì)思考改造世界、字型散步。前三本算是理論類，閱讀順序上我會(huì)建議設(shè)計(jì)的方法先看，這本比較實(shí)技一點(diǎn)；設(shè)計(jì)的心 理學(xué)能補(bǔ)充設(shè)計(jì)的方法一書中沒提到的部份并深入介紹；設(shè)計(jì)思考改造世界就是給中階或資深的設(shè)計(jì)師進(jìn)修用的了。

設(shè)計(jì)的方法

光是第下列 11 條誤區(qū)就很有一讀的價(jià)值，玻璃心的設(shè)計(jì)師就不要買這本了，會(huì)被打臉打得很慘。

• 誤區(qū)一：設(shè)計(jì)是藝術(shù)的兄弟姐妹
• 誤區(qū)二：創(chuàng)意是存在的
• 誤區(qū)三：與眾不同即為好
• 誤區(qū)四：必須尋找靈感
• 誤區(qū)五：才華非常重要
• 誤區(qū)六：設(shè)計(jì)是一種生活方式
• 誤區(qū)七：自我表達(dá)很重要
• 誤區(qū)八：設(shè)計(jì)師比客戶聰慧
• 誤區(qū)九：設(shè)計(jì)師是受眾
• 誤區(qū)十：獎(jiǎng)項(xiàng)的價(jià)值
• 誤區(qū)十一：創(chuàng)意人士不應(yīng)被規(guī)則束縛

書中提到工作上會(huì)遇到的困難和解決之道，如果被我推坑去看?Burn Your Portfolio?過的，可以映證兩位作者的相似看法。

初起步的設(shè)計(jì)師很推入手這本，先建立起正確的態(tài)度和觀念，打下基礎(chǔ)才不容易被帶歪。對(duì)設(shè)計(jì)的理解、什么是「設(shè)計(jì)」、要怎么做設(shè)計(jì)、如何活用各種設(shè)計(jì)方法、可能遇到什么樣的困難、該如何解決等等。

設(shè)計(jì)的心理學(xué)

重量級(jí)經(jīng)典巨作，Norman 的書被許多頂尖的設(shè)計(jì)學(xué)院指定為必讀書籍。我買的是 2014 出的改版，據(jù)作者說法：「我修改了些什么？也不太多，只是將整本書全改了一遍?！骨宜氐靥袅瞬粫?huì)退流行的例子，是本設(shè)計(jì)師必買且仔細(xì)閱讀的教科書。

他用了非常多的實(shí)例敘述人類是一種矛盾的生物、而且口嫌體正直。可以用什么方式找到使用者真正的需求而不是被他們的言語騙了。

對(duì)于不知道設(shè)計(jì)師腦袋該裝些什么思維邏輯、要用什么角度看世界的新手而言，讀過這本會(huì)有種「付出代價(jià)偷看一眼真理之門」的感覺。

雖然這本書對(duì)實(shí)作技術(shù)沒什么太大幫助，不會(huì)跟你說這邊要怎么做、那邊怎么改，就是本「練品味」的書。每年最好固定重看這本一次，得到的感觸會(huì)大不相同。

設(shè)計(jì)思考改造世界

經(jīng)典的重量級(jí)巨作，極不推薦新手看！尤其看完就開始喊口號(hào)的家伙…腦袋清楚知道自己在干嘛、業(yè)界在干嘛、公司在干嘛的中階設(shè)計(jì)師來看這本比較不會(huì)禍害同事。

一樣，這是本每年都要重看一次的書，隨著和「設(shè)計(jì)無表面上直接關(guān)連」領(lǐng)域的經(jīng)驗(yàn)和知識(shí)增加，對(duì)書中提到的內(nèi)容體認(rèn)也會(huì)完全不同。

這本書講得非常美好世界大同，現(xiàn)實(shí)業(yè)界完全不是這么回事，搞不清楚狀況的家伙看這本會(huì)盲目跟從書中的作法，回頭把項(xiàng)目團(tuán)隊(duì)搞得雞飛狗跳。所以非常不推等級(jí)沒到的人來看這本，別說拿這本墊基礎(chǔ)，沒被自己腦補(bǔ)帶歪掉就萬幸了。

請對(duì)項(xiàng)目流程、項(xiàng)目管理、軟件開發(fā)、團(tuán)隊(duì)合作、公司營運(yùn)、業(yè)界動(dòng)態(tài)、信息發(fā)展等都有了粗淺的認(rèn)知再來研讀。（不要問我為什么這么偏激，身邊就有活生生的例子。）

字型散步

這本書里有很多「敏感」照片，所以中國大概不會(huì)出簡中版。

許多設(shè)計(jì)師對(duì)「中文字體」的認(rèn)知其實(shí)很不足，學(xué)校不會(huì)教得那么細(xì)，做網(wǎng)頁和 App 的礙于種種因素又只會(huì)用到內(nèi)建字，就不太會(huì)把點(diǎn)數(shù)投資到字體字型上。（對(duì)、我在說我。）

字型散步非常適合當(dāng)成設(shè)計(jì)師的閑書來看，雖然書中專業(yè)知識(shí)不少，但文筆和圖多的情況下閱讀起來很輕松不吃力，適合配下午茶曬個(gè)太陽慢慢看。

看完對(duì)中文字體的認(rèn)識(shí)有更深的理解，同時(shí)會(huì)更珍惜臺(tái)灣這片土地和文化。字體演進(jìn)不是神說有光就有光?。?/p>

地址：字型散步：日常生活的中文字型學(xué)

原文地址：blog.akanelee.me

作者：@Akane_Lee