1，項目簡介：

好訂單千詢是一款方便實用的效率辦公軟件。依托好訂單網(wǎng)平臺資源千詢APP讓紡織服裝業(yè)從業(yè)者們擁有一個良好的溝通平臺，無需使用電腦，手機(jī)端就能快速接單，成為了紡織服裝行業(yè)從業(yè)者提供高效、便捷溝通的移動客戶端產(chǎn)品。

2，了解用戶（8H）：

與產(chǎn)品經(jīng)理共同協(xié)商確定產(chǎn)品定位如下：

使用人群：從事服裝紡織行業(yè)的采購商與工廠；

主要功能：消息同步、人脈管理、訂單速遞；

產(chǎn)品特色：手機(jī)詢報價更便捷，消息實時推送，實現(xiàn)移動辦公；

使用場景：上班時/上下班路上/睡覺前/空閑時...

用戶目標(biāo)：隨時隨地有生意！/一鍵找廠/空檔找單/訂單管理...

關(guān)鍵詞：便捷/高效/方便/實時....

3，設(shè)計過程設(shè)計風(fēng)格制定：

1）色彩（4H）：色彩庫遵循了一般產(chǎn)品設(shè)計的基本原則，引用不超過3種大色系，使得產(chǎn)品保持高度統(tǒng)一。產(chǎn)品基色調(diào)選用藍(lán)色（理性），針對不同的層級重點做了相應(yīng)的明度變化；產(chǎn)品輔色選用橙紅色系、綠色系來輔助提升產(chǎn)品感知、氛圍，使產(chǎn)品擁有安全、理性?？煽康那楦猩?；產(chǎn)品亮色為高明度黃色，加強(qiáng)對比，強(qiáng)化主體。

2）字體（2H）：為了保持統(tǒng)一性，前期選用2種字體，3種變換樣式；華文黑體作為欄目頁標(biāo)題使用，用字號的大小來拉開層次的差距；冬青黑體簡體為常規(guī)使用字體，如大多數(shù)文字，少數(shù)重要標(biāo)題，輔助性文字及備注信息等，可BOLD。

3） 版式風(fēng)格（8H）：為了便于用戶更好專注內(nèi)容信息，所以弱化了頁面中的分割線，同時對于版塊與版塊之間采用了不同底色進(jìn)行區(qū)分，簡潔明了，層次清晰。因為前期有用戶量為基礎(chǔ)，所以特別注重軟件的簡潔性及實用性，對文字與文字、行與行之間的距離進(jìn)行了多種比例調(diào)試，避免排布過于緊密或者松散，給用戶更好的使用體驗！不同的內(nèi)容規(guī)定了搭配了不同的版式，控件庫模塊庫都跟根據(jù)前期的視覺原型進(jìn)行了分類劃分，確?？v深層級的統(tǒng)一而又不失個性。

4）原型圖（8H）：根據(jù)大致的草稿，對用戶界面進(jìn)行了分類與優(yōu)先級的排列，合并相同功能模塊，重新布局設(shè)計高保真原型，對于不同功能的模塊展示功能也不盡相同，一級欄目一級展現(xiàn)，最終歸納為列表頁+詳情頁+功能頁幾個模塊。

5）視覺完成稿（40H）：前期大致方案原型與產(chǎn)品經(jīng)理確認(rèn)后就開始出設(shè)計稿了。

4）切圖

4，項目小結(jié)與反思：

這次的移動端項目從開始到正式上線，經(jīng)歷了1個多月時間，我們設(shè)計部從接觸到上手大概花了1個禮拜的時間，從討論結(jié)構(gòu)到切圖規(guī)則，雖說過程不易，但也是一次不錯的設(shè)計經(jīng)歷，有點不好的致命錯誤，IOS版本與AND版本由于是設(shè)計師交接時間差而未做周全的考慮，導(dǎo)致了2個版本不統(tǒng)一，后來等我反應(yīng)過來的時候開發(fā)進(jìn)行了一半，公司決定就使用了2個版本規(guī)則，希望不會有下次這樣的錯誤。