无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

一個(gè)完整的B端設(shè)計(jì)流程

 
從渡輪預(yù)定,認(rèn)識(shí)業(yè)務(wù)概念
這次案例是一個(gè)我最近在預(yù)定的船票預(yù)定服務(wù),由一家叫名門大洋的渡輪服務(wù)公司提供。下面是對(duì)它預(yù)定的簡單介紹:
步驟1:打開官網(wǎng),到 [船上生活] 模塊查看有哪些船(只有兩艘)和房型,以及船上有哪些服務(wù)設(shè)施等。

image.png

步驟2:進(jìn)入 [運(yùn)費(fèi)和費(fèi)用] 模塊,先看他們的預(yù)約規(guī)則,然后打開他們提供的PDF查看預(yù)定的日期和價(jià)格,來確定自己想要選的房間。這里房型價(jià)格和熱門時(shí)間有關(guān),官方分了A、B、C三個(gè)價(jià)格檔來對(duì)應(yīng)熱門冷門時(shí)間。
 
步驟3:進(jìn)入 [預(yù)定] 模塊,填寫個(gè)人信息和想預(yù)約的房型,房型選擇有3個(gè),如果前面的選擇滿房就向后遞補(bǔ),填寫完成后,就可以點(diǎn)擊發(fā)送預(yù)定信息。
 
步驟4:隔日等待反饋郵件,到郵箱中查看。還能預(yù)定的話就會(huì)有一個(gè)鏈接,進(jìn)入鏈接中進(jìn)行支付。之后就可以獲得登船的憑證。
 
后續(xù)的細(xì)節(jié)就忽略,一個(gè)簡單的買票緩解,操作起來這么麻煩,是不是感覺非常陌生,這是因?yàn)閲庥泻芏喾?wù)的預(yù)定都需要到官網(wǎng)預(yù)定,和國內(nèi)出行完全依賴綜合旅游軟件如飛豬、攜程、去哪兒等不同。
而這個(gè)訂票的流程,到審核(人工的)回復(fù)的整個(gè)過程,就叫 —— 業(yè)務(wù)流程,是一個(gè)被設(shè)計(jì)好并標(biāo)準(zhǔn)化的商業(yè)實(shí)踐過程。
每家公司的經(jīng)營都會(huì)包含大量的業(yè)務(wù),房間預(yù)定只是它的其中一個(gè)業(yè)務(wù),還包括登船、房間清理、物資采購等。而每個(gè)常規(guī)的業(yè)務(wù)的執(zhí)行如果全憑員工自己的想法、感覺,那么企業(yè)的運(yùn)轉(zhuǎn)一定會(huì)一團(tuán)亂麻。所以經(jīng)營者就要針對(duì)這些常見的業(yè)務(wù),設(shè)計(jì)出相應(yīng)的流程出來進(jìn)行標(biāo)準(zhǔn)化,讓員工和顧客遵循這套流程來完成商業(yè)活動(dòng)。
而業(yè)務(wù)只有流程框架還不夠,必須包含大量的細(xì)節(jié),比如前面提到的不同定價(jià)時(shí)段,滿房的遞補(bǔ),退票的方式等等,這些都是業(yè)務(wù)流程中的細(xì)節(jié)規(guī)則,我們可以統(tǒng)稱它們?yōu)?“業(yè)務(wù)邏輯”。
簡單來說,企業(yè)經(jīng)營要先確定業(yè)務(wù),然后設(shè)計(jì)流程,再制定具體的業(yè)務(wù)邏輯,形成完整的商業(yè)閉環(huán)。但這和設(shè)計(jì)師有什么關(guān)系呢?
 
 
因?yàn)闃I(yè)務(wù)是產(chǎn)品的出發(fā)點(diǎn),常規(guī)項(xiàng)目只有業(yè)務(wù)形式確定下來,才會(huì)進(jìn)入產(chǎn)品的設(shè)計(jì)階段,而不是先設(shè)計(jì)產(chǎn)品功能再讓業(yè)務(wù)去適配它的特性。而產(chǎn)品后續(xù)一系列的復(fù)雜、抽象、晦澀的決策也全都和業(yè)務(wù)有非常大的聯(lián)系,
如果設(shè)計(jì)師不先理解業(yè)務(wù),就可能無法理解產(chǎn)品的需求和決策,導(dǎo)致最終的設(shè)計(jì)結(jié)果和目標(biāo)想去甚遠(yuǎn)。
 
 
從業(yè)務(wù)到需求的制定過程
這個(gè)預(yù)定過程對(duì)于熟悉國內(nèi)互聯(lián)網(wǎng)的我們來說肯定是太復(fù)雜了,用個(gè)線性流程表示的話,對(duì)比如下:
 
國內(nèi)軟件預(yù)定:打開軟件 - 搜索船票 - 選擇日期 - 選擇房型 - 完成支付
官方網(wǎng)站預(yù)定:搜索官網(wǎng) - 打開官網(wǎng) - 查看房型 - 查看價(jià)格 - 填寫信息 - 等待回復(fù) - 查看郵件 - 完整支付
 
從字面上感覺可能不明顯,但實(shí)際上操作時(shí)長、點(diǎn)擊次數(shù)以及總消耗時(shí)間,它的做法遠(yuǎn)比國內(nèi)的服務(wù)慢,加上細(xì)節(jié)里有很多會(huì)延長完成時(shí)間的邏輯,比如沒有想要的房型就要重新去選一遍,而這在國內(nèi)軟件里一開始就能知道直接規(guī)避掉。
這個(gè)業(yè)務(wù)過程非常的原始,后臺(tái)可能有一個(gè)簡單的收件系統(tǒng),由人工來逐一審核提交的郵件,創(chuàng)建訂單,然后再提交回復(fù)。
如果我們要提高這個(gè)業(yè)務(wù)的效率,就必須要改進(jìn)這套系統(tǒng),將人工的機(jī)制進(jìn)行簡化,即客戶可以直接在前端完成篩選、預(yù)定、支付的操作。相信大家都很熟悉這種操作過程,而這種改進(jìn)就叫 ——
企業(yè)數(shù)字化升級(jí)
。就是本來使用人工或者很原始的方式執(zhí)行的業(yè)務(wù)流程,引入數(shù)字化的系統(tǒng)、產(chǎn)品,來提升它的運(yùn)行效率。
 
而產(chǎn)品經(jīng)理要在這個(gè)過程做業(yè)務(wù)的分析,具體分析什么呢,可以簡單總結(jié)成:
  •  
    當(dāng)前的業(yè)務(wù)是什么樣的
  •  
    當(dāng)前業(yè)務(wù)存在的具體缺陷
  •  
    構(gòu)思產(chǎn)品的整體框架形態(tài)
  •  
    確定產(chǎn)品的具體功能需求
 
前兩點(diǎn)前面已經(jīng)解釋過了,當(dāng)前業(yè)務(wù)是存在缺陷的,而產(chǎn)品經(jīng)理必須先理解完業(yè)務(wù)和找出問題,才能進(jìn)行后續(xù)工作,而不是直接忽視背景打開 Axure開始畫圖。
有了問題,下一步就是建立產(chǎn)品的框架,比如這個(gè)業(yè)務(wù)會(huì)涉及到多個(gè)端,產(chǎn)品就要先創(chuàng)建多個(gè)端的功能框架出來,包含的端可以簡化成下面三個(gè):
 
用戶端就是普通的網(wǎng)頁預(yù)定模式(這里不討論APP和小程序等),讓用戶直接選擇日期、船型、房型后支付獲取憑證,非常容易理解,不用多做介紹,我們重點(diǎn)放在管理端和后臺(tái)服務(wù)的解釋上。
 
TIPS:這里有個(gè)可以思考的小點(diǎn),沒做用戶系統(tǒng)你們可以分析下為什么。
 
在管理端上,管理員已經(jīng)不需要手動(dòng)審核預(yù)約了,所以只需要對(duì)訂單和賬單(這是兩件事)有查看和管理的操作即可,來完成一些特殊業(yè)務(wù)事件的處理。
而在后臺(tái)服務(wù)上,就要確定有哪些數(shù)據(jù)信息,以及處理它們的方式。比如訂單的支付、退款,會(huì)涉及到非常復(fù)雜的后臺(tái)處理過程,包括不同支付方式接入、對(duì)不同貨幣的支持、資金的轉(zhuǎn)出等等。其它功能還包括房型數(shù)據(jù)更新、價(jià)格數(shù)據(jù)更新。這些都是用戶端和管理端無法直接看見,但又在真實(shí)運(yùn)行的功能。
根據(jù)上面對(duì)不同端的分析和構(gòu)想,就可以創(chuàng)建產(chǎn)品的 —— 功能架構(gòu)圖,比如下面這個(gè)極簡的版本:
 
對(duì)于一個(gè)成熟的產(chǎn)品經(jīng)理來說,進(jìn)一步制定產(chǎn)品的需求肯定不是直接打開Axure畫原型,而是先圍繞業(yè)務(wù)的需求制定 —— 數(shù)據(jù)字段。
數(shù)據(jù)字段即前、后端服務(wù)中要存儲(chǔ)、計(jì)算、展示的具體對(duì)象。比如一個(gè)房間,前端頁面會(huì)展示房間名、價(jià)格、人數(shù)、面積、類型、評(píng)價(jià)等各種數(shù)據(jù)。但這些數(shù)據(jù)不是憑空出現(xiàn)的,而是要先計(jì)劃和開發(fā)才能實(shí)現(xiàn)的內(nèi)容,且不同字段背后可能還包含復(fù)雜的設(shè)置或計(jì)算規(guī)則。
所以產(chǎn)品要花很多時(shí)間分析應(yīng)該記錄哪些數(shù)據(jù)字段,這些數(shù)據(jù)怎么產(chǎn)生,背后有什么邏輯,在前端顯示的標(biāo)準(zhǔn)是什么。
 
用個(gè)更具體的案例來解釋,比如要?jiǎng)?chuàng)建房間價(jià)格這個(gè)字段,這個(gè)字段的值就具體價(jià)格值。但是房間的具體價(jià)格不是固定的,包含三個(gè)檔位,根據(jù)日期決定的檔位進(jìn)行靈活的變動(dòng)。所以要實(shí)現(xiàn)正確的價(jià)格顯示,光有一個(gè)房間價(jià)格字段是不夠的,我們需要建立更多字段來滿足它的使用,包含:
  •  
    房間基礎(chǔ)定價(jià):房間的基底價(jià)格,用于做計(jì)算的基數(shù)
  •  
    房價(jià)當(dāng)前系數(shù):根據(jù)忙時(shí)和閑時(shí)變更定價(jià)的系數(shù),比如忙時(shí)是原來的1.5倍,閑時(shí)是原來的0.8倍
  •  
    房間當(dāng)前價(jià)格:根據(jù)定價(jià)基數(shù)x 系數(shù)得到的當(dāng)前價(jià)格,是前端展示和付款的具體金額
 
這是個(gè)非常簡化的版本,除了使用基數(shù)x系數(shù)的邏輯外,也可能直接給房間制定A、B、C三個(gè)價(jià)格的字段直接填價(jià)格不做系數(shù)計(jì)算。在真實(shí)項(xiàng)目中,該功能會(huì)創(chuàng)建得字段數(shù)遠(yuǎn)不止這些,產(chǎn)品還需要去明白數(shù)據(jù)的來源、計(jì)算邏輯、應(yīng)用規(guī)則。
對(duì)于成熟的項(xiàng)目來說,項(xiàng)目的數(shù)據(jù)字段就是業(yè)務(wù)需求的延展,是整個(gè)業(yè)務(wù)正常運(yùn)行的基石和原材料,產(chǎn)品制定的需求就包括它們的內(nèi)容和規(guī)則,再讓后端工程師去實(shí)現(xiàn)出來(而不是后端自己憑感覺想)。
有了上面這些準(zhǔn)備,那么產(chǎn)品應(yīng)該做成什么樣就清晰很多了。下一步,產(chǎn)品經(jīng)理就可以先用思維導(dǎo)圖去規(guī)劃管理端的頁面結(jié)構(gòu)與內(nèi)容,而這種思維導(dǎo)圖通常被稱為 ——
產(chǎn)品地圖
image.png
規(guī)劃完產(chǎn)品地圖后,下一步才進(jìn)入正式的產(chǎn)品原型設(shè)計(jì)過程,將我們對(duì)產(chǎn)品應(yīng)該做成什么樣通過原型線框圖表現(xiàn)出來,只要能讓其他人理解我們的意圖即可。
image.png
 
 
當(dāng)然只看圖是不夠的,很多細(xì)節(jié)的決策和邏輯就需要添加文字的說明,這種結(jié)合原型+文字的需求就交 PRD需求文檔。它的作用是讓設(shè)計(jì)師、程序員、測(cè)試工程師可以看懂并把它們做出來的 “施工方案”。
而作為B端UI設(shè)計(jì)師就要在了解業(yè)務(wù)和獲得這些需求后,才能明白我們后面應(yīng)該完成哪些工作,輸出什么樣的界面內(nèi)容。
 
B端設(shè)計(jì)的前期分析要求
在項(xiàng)目中B端設(shè)計(jì)師的工作可以分成三個(gè)步驟,即:
 
前期準(zhǔn)備要做的事情很多,包括參與立項(xiàng)的各種會(huì)議,接收各種信息和要求。但占據(jù)我們最多精力的工作,就是展開對(duì)項(xiàng)目設(shè)計(jì)的 —— 前期分析,這也是很多同學(xué)在作品集包裝中看到的大段分析文本的來源。
 
每個(gè)項(xiàng)目前期的分析內(nèi)容都有差異,但我們大體可以總結(jié)成以下幾個(gè)模塊:
  1.  
    項(xiàng)目分析
  2.  
    業(yè)務(wù)分析
  3.  
    產(chǎn)品分析
  4.  
    體驗(yàn)分析
  5.  
    設(shè)計(jì)分析
 
項(xiàng)目分析就是了解整個(gè)項(xiàng)目背景的過程,比如這個(gè)企業(yè)的背景、提供的服務(wù)、業(yè)務(wù)的內(nèi)容等等,最重要的目標(biāo)就是 ——
明確項(xiàng)目目標(biāo)
,即項(xiàng)目要實(shí)現(xiàn)什么成果的預(yù)期。在這個(gè)渡輪項(xiàng)目中,項(xiàng)目的目標(biāo)可以總結(jié)成提高顧客預(yù)定的效率和體驗(yàn),同時(shí)降低人工審核處理的工作量。
了解這些信息是最起碼的要求,假設(shè)你不了解這些項(xiàng)目的信息,直接開始跟著產(chǎn)品原型畫圖肯定是非常迷茫的。就像一個(gè)士兵被分了把槍到前線接收指令,你并不知道自己為何而站,為什么要占領(lǐng)前面那些陌生的高地。
業(yè)務(wù)分析則是了解項(xiàng)目具體面向業(yè)務(wù)的具體流程、規(guī)則、邏輯。渡輪的預(yù)定業(yè)務(wù)邏輯我們上篇已經(jīng)探討過了,很容易理解。但我們的項(xiàng)目是對(duì)原先業(yè)務(wù)流程的優(yōu)化,這就意味著業(yè)務(wù)端必然會(huì)發(fā)生一定的改變,我們就要清楚這個(gè)改變的原因,舊業(yè)務(wù)的模式和缺陷,以及新業(yè)務(wù)的形態(tài)和優(yōu)勢(shì)。
 

image.png

這些信息主要從產(chǎn)品經(jīng)理那里了解,或者他在特定的會(huì)議中會(huì)提供,就看你有沒有認(rèn)真聽了。即使沒說也可以主動(dòng)提問,這個(gè)問題并不復(fù)雜。
再接著就是產(chǎn)品分析,這個(gè)分析是理解產(chǎn)品經(jīng)理規(guī)劃的產(chǎn)品是什么樣的,即通過查看原型和文檔來理解他的意圖。雖然只是看,但理解起來并不會(huì)太輕松,越復(fù)雜的項(xiàng)目理解起來成本越高,所以我們也稱這個(gè)過程是一個(gè)分析過程。
如果不能理解這個(gè)邏輯,就可以找一本相機(jī)說明指南仔細(xì)閱讀,即使這本指南寫的事無巨細(xì),你要徹底搞懂它有哪些產(chǎn)品功能和對(duì)應(yīng)操作邏輯,也要花費(fèi)大量的精力和時(shí)間。

image.png

再下一步,就是體驗(yàn)分析部分,而這里要我們發(fā)揮主觀能動(dòng)性的部分就多了。通常,體驗(yàn)分析的目標(biāo),就是在產(chǎn)品需求確定后去找到有哪些可以提升體驗(yàn)的地方,確保最終設(shè)計(jì)的成果能讓用戶感覺體驗(yàn)更好。
要實(shí)現(xiàn)這個(gè)目標(biāo)就要盡可能了解用戶,即 ——
用戶調(diào)研
。因?yàn)轶w驗(yàn)是基于用戶產(chǎn)生的,只有足夠了解用戶你才知道怎么面向他們做什么。雖然用戶調(diào)研的方式多種多樣,但在B端領(lǐng)域中用研卻很簡單,因?yàn)槲覀兏菀字苯雍拖到y(tǒng)的操作員(不是用戶端消費(fèi)者)溝通,了解他們的訴求。
然后根據(jù)他們的訴求,來推導(dǎo)產(chǎn)品應(yīng)該怎么設(shè)計(jì)、怎么優(yōu)化更能滿足他們的訴求,技術(shù)處體驗(yàn)方案。這個(gè)過程可以講的內(nèi)容有很多,篇幅關(guān)系不在這里展開,了解體驗(yàn)分析對(duì)B端項(xiàng)目來說是非必須的,大致理解概念即可。
最后就是設(shè)計(jì)分析,即根據(jù)前面的獲取的信息,思考接下來的設(shè)計(jì)應(yīng)該完成哪些工作,以及交付什么樣的結(jié)果。用更直白的話說,就是足夠了解自己的工作目標(biāo)和任務(wù)。
因?yàn)楫a(chǎn)品需求不會(huì)清晰的寫著設(shè)計(jì)師要完成多少個(gè)頁面,畫多少個(gè)圖標(biāo),制作多少動(dòng)效,如何和程序員協(xié)作等,所以我們要自己對(duì) “確定要做” 的和 “可能會(huì)做” 的事情進(jìn)行分析,才能確定工作量。
 
以上就是前期準(zhǔn)備中要分析的內(nèi)容,根據(jù)項(xiàng)目的大小會(huì)花費(fèi)不同的精力和時(shí)間,但不會(huì)太多。它們遠(yuǎn)沒有大家想象中復(fù)雜,準(zhǔn)備做的越多,后續(xù)設(shè)計(jì)的效率也就越高,過稿率也會(huì)更高。
 
B端設(shè)計(jì)的實(shí)踐與交付
前面完成分析工作以后,下一步就可以展開設(shè)計(jì)相關(guān)的工作了。而正常設(shè)計(jì)流程絕不是打開Figma 創(chuàng)建第一個(gè)畫布開始一次性畫完所有內(nèi)容就結(jié)束了,而是要分為不同階段,逐步完成不同內(nèi)容的設(shè)計(jì)。
我們可以簡單分為下面幾類設(shè)計(jì)對(duì)象:
 
首先是交互設(shè)計(jì),交互是B端最重要的設(shè)計(jì)對(duì)象,決定產(chǎn)品界面的布局和操作方式。很多新人以為交互是產(chǎn)品經(jīng)理完成的,但實(shí)際上他們制作的產(chǎn)品原型只包含了少量的交互信息或是完全沒有。
所以設(shè)計(jì)師需要去填補(bǔ)交互信息,即產(chǎn)品怎么使用的規(guī)則。如果項(xiàng)目簡單,比如我們這次設(shè)計(jì)的預(yù)定系統(tǒng),因?yàn)椴僮骱徒换ズ苌伲强梢韵劝言O(shè)計(jì)做完以后再考慮交互的問題。但如果項(xiàng)目很復(fù)雜,就肯定要提前通過原型的方式把交互先確定下來,再完成后續(xù)的界面視覺設(shè)計(jì)。
為什么要做交互設(shè)計(jì),我們假設(shè)房間的退款流程非常復(fù)雜,要經(jīng)過人工操作和審批還有檢查等十幾個(gè)流程才能完成退款,中間有非常多的操作。如果我們不先做交互直接做頁面,很可能會(huì)因?yàn)楦鞣N錯(cuò)誤、意見要重做,這會(huì)造成巨大的時(shí)間浪費(fèi)。在項(xiàng)目中先完成交互的最大貢獻(xiàn)就在提高效率,而不是增加額外的工作量。
 
確定了功能、布局、交互以后,完成界面就變得輕松了也容易理解,而主要的難點(diǎn)就是你想做出什么風(fēng)格的界面,就是設(shè)計(jì)師自己發(fā)揮和探索的部分了。
 
對(duì)于小型項(xiàng)目來說,完成界面的設(shè)計(jì)基本就可以進(jìn)入后續(xù)的交付工作了。但如果是規(guī)模較大的項(xiàng)目,就需要再設(shè)計(jì)過程中制定 ——
項(xiàng)目設(shè)計(jì)規(guī)范
,來確保多人協(xié)作或未來迭代時(shí)設(shè)計(jì)的一致性和效率。
而B端項(xiàng)目設(shè)計(jì)規(guī)范主要包含三個(gè)部分內(nèi)容,即 ——
布局規(guī)范、樣式規(guī)范、組件庫
。
布局規(guī)范是B端界面框架、全局組件、響應(yīng)式規(guī)則、柵格參數(shù)的標(biāo)準(zhǔn),這些內(nèi)容決定了項(xiàng)目的整體布局和框架的一致性。
 
樣式規(guī)范則是UI元素上使用的樣式參數(shù)標(biāo)準(zhǔn),比如色彩、字體、字號(hào)、圓角、投影等。在Figma中提供的Style樣式功能,就是解決樣式規(guī)范應(yīng)用的重要工具之一。
 
組件庫是將設(shè)計(jì)好的UI元素進(jìn)行統(tǒng)一整理的地方,因?yàn)锽端不同B端界面中有大量重復(fù)應(yīng)用的設(shè)計(jì)元素,所以我們會(huì)這些元素進(jìn)行匯總,存放到固定的位置方便后面復(fù)用,而不用每次都重新設(shè)計(jì)一遍。
Figma提供的Component,就是幫助我們將組件進(jìn)行存儲(chǔ)并復(fù)用的功能,通過它可以很快的完成對(duì)同一個(gè)組件的匯總、編輯、復(fù)用。
 
設(shè)計(jì)的最后一個(gè)部分,就是動(dòng)效設(shè)計(jì)了。但在B端中,這部分的設(shè)計(jì)需求其實(shí)非常少,比如我們本次項(xiàng)目的界面就很簡單,完全不需要畫蛇添足去添加動(dòng)效。只有在完成界面設(shè)計(jì)后確實(shí)需要制作動(dòng)效演示的地方,設(shè)計(jì)師才會(huì)去制作相關(guān)的動(dòng)效演示。
所有設(shè)計(jì)完成且通過團(tuán)隊(duì)的評(píng)審以后,那最后的工作,就是協(xié)助程序員交付你的設(shè)計(jì)了。而交付部分包含 ——
標(biāo)注切圖和設(shè)計(jì)走查
兩個(gè)步驟。
標(biāo)注切圖就是提供項(xiàng)目的標(biāo)注文件,讓程序員可以看到設(shè)計(jì)的具體參數(shù)和說明,比如字號(hào)大小、間距、色號(hào)等等,他們需要根據(jù)這些信息完成對(duì)頁面開發(fā)的參數(shù)設(shè)置。切圖則是提供圖標(biāo)、圖片、LOGO等無法用代碼實(shí)現(xiàn)出來的視覺元素,它們需要將這些圖形置入到前端項(xiàng)目文件內(nèi),才能在頁面中正常顯示。
標(biāo)注和切圖的實(shí)現(xiàn)方式有很多種,今天最主流的方法有兩種,一種是直接使用 Figma的團(tuán)隊(duì)協(xié)作完成,另一種是上傳藍(lán)湖這類專屬的標(biāo)注、切圖工具。

image.png

最后的設(shè)計(jì)走查,是前端工程師在完成前端頁面開發(fā)以后,設(shè)計(jì)師去檢查軟件界面的 “還原度”。前端界面開發(fā)類似室內(nèi)裝修的施工,即使有詳細(xì)的圖紙最后的施工結(jié)果也可能想去甚遠(yuǎn)。
所以作為最熟悉設(shè)計(jì)稿的角色,設(shè)計(jì)師就需要去檢查開發(fā)出來的結(jié)果存在哪些問題,并通過特定工具來提交這些錯(cuò)誤并監(jiān)督程序員完成對(duì)它們的修復(fù),讓前端實(shí)現(xiàn)的界面和設(shè)計(jì)稿盡可能一致。
在B端項(xiàng)目中,往往留給設(shè)計(jì)走查的時(shí)間很少,所以最終上線效果大多和設(shè)計(jì)稿的差距極大。而專業(yè)B端設(shè)計(jì)師就要依靠自己的經(jīng)驗(yàn),盡可能在整個(gè)項(xiàng)目的開展過程中避免兩者的差距過大,這就是另一個(gè)話題了。
完成以上這些步驟以后,我們?cè)诒敬雾?xiàng)目的設(shè)計(jì)工作就基本結(jié)束,最終就是等待項(xiàng)目被開發(fā)完成并最終上線了。



作者:酸梅干超人
鏈接:https://www.zcool.com.cn/article/ZMTY4MDUwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.gyxygd.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

 

image.png

日歷

鏈接

個(gè)人資料

存檔