聯想上門無憂app引導頁設計


上門無憂

上門無憂

上門無憂app是聯想為上門服務的工程師們提供記錄工單狀態、查詢備件信息、知識庫學習等的一款應用。主要分為“工單、備件、學習、我的”四個模塊,工單主要為工程師提供每一單服務的詳細記錄,工程師需要確認服務的每一個過程,從而確保服務質量;備件主要是服務中的更換備件信息;學習即知識庫,工程師可在其中搜索到各類相關問題;我的——工程的個人信息頁面。

于工程師:可以幫助工程師記憶,為工程師提效減負。

于公司:可以更好的管理每一個工程師,直接為工程師推送通知、對服務交付的細節進行考核。收集用戶信息。

于用戶:可以反饋回來的數據,提前知曉哪個工程師將于何時到達,為他進行服務。


引導頁設計


主要功能1-確認服務流程

現在出發/確認到達現場/確認離開現場/確認服務完成

主要功能2-關鍵信息提醒

客戶類型、問卷信息、SLA

主要功能3-知識庫學習

搜索關鍵詞、文檔分類、相關技術通報

從上圖可以看出,整個引導頁的設計以突出app的主要功能為目的,以粉灰色為基調,而風格則偏向扁平簡約。這主要是考慮到app的設計風格也是簡約為主,以紅灰為主色調,多表單信息等。

引導頁中所使用的顏色,大部分都有app中直接提取,再加上一些同色調的輔助色。

細心的人可能會發現,最后一張主體部分的紅不如其他兩張的顏色重。這是出于面與線的區別考慮,本身面看起來就比線要重,所有選擇適當將面的顏色調亮,來保持平衡。


app頁面展示(同事做的)

在引導頁選擇方案的時候,大家都更偏向于簡約清新的風格,起初想做的溫馨一點,著重體現工程師們的貼心服務,后來考慮到app的使用者是工程師們,所以更換為以突出功能為主。


自如引導頁

最開始,大家都很喜歡自如這種小清新的手繪風格,色彩溫暖,繪畫精細,風格突出(個人覺得相比較圖來說,字排的不太好看)。就個人而言,我也是想嘗試一下這樣的風格的。

看過整套,就會發現,其實這套引導頁它所有的圖畫與文字的關聯性并沒有那么大,換句話說,也就是把圖形放到其他的話術下,也是沒有問題的。


自如引導頁套圖

而這次引導頁的設計中,應該可以看到,每個頁面的話術與圖形的關聯性極強。當然,我的這套引導頁的設計也是借鑒了其他設計的,如下圖:


參考引導頁

上圖是我在作圖前的參考頁面,都說天下設計一大抄,在開始一個新項目時,大部分的設計師都會選擇到花瓣、千圖、UI中國、站酷等各類設計網站上找素材,或者尋找所謂的“靈感”,這樣的學習形式其實也挺好的,多去看,發現美的東西并去研究和學習,這也是提升自己的一種方法,但關鍵是怎么樣把別人的東西變成自己的東西。

顯然,我還做的不夠。需要更多的思考,這也算是一次嘗試吧,嘗試分析作品,去看自己的不足。

可以看到,我幾乎是整個借鑒了這個引導頁的風格、形式等,但是具體的內容有很多區別,也做了一些改進。

例如,上圖整套的設計都是以山和云為背景,但實際上這跟它所表現的內容,是沒有任何關系的,所以只是單純的背景。

而我在做的過程中,力求能夠將背景和主題結合起來,起初的兩張關聯性都還不夠,做到最后一張的時候,基本上是有密切的相關性了。

例如,力求風格、元素、顏色上的更加統一,希望能關注更多的細節等等。


結束語

曾經有一個設計師問我(其實是一次面試),你臨摹這個icon,你知道它哪里做的好么?你知道它所在意的細節是什么嗎?問的我一臉懵圈,說實話,在臨摹的時候我確實沒有去考慮它到底為什么好看,于是我只能老實的回答說不知道,并向他請教。

面試官很好,是一個很厲害的設計,于是開始跟我分析那套icon好在什么地方,注意的細節是哪里。于是我知道了,一個高UI跟一個入門級UI的區別在哪里,希望終有一日,我也可以成長到想要的樣子。

其實我一般不喜歡分享自己的設計,因為覺得做得還不夠好,獻丑咯!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,563評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,694評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,672評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,965評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,690評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,019評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,013評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,188評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,718評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,438評論 3 360
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,667評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,149評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,845評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,252評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,590評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,384評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,635評論 2 380

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,765評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,179評論 4 61
  • 女兒2歲后,很明顯的變化。就是“我要……”,強調自我意識。目前我通過轉移注意力、假裝比賽,比前期情況好多了。但上...
    Brendamin閱讀 267評論 0 0
  • 煙酒為伴 不知已經靜靜地在這里多長時間,只看見一堆煙蒂和幾個空瓶。 靜靜地坐著,望著手中燃燒的煙頭,又看看杯中所剩...
    MrME_Lee閱讀 349評論 0 0
  • 鋪天蓋地白皚皚, 蒙古包外馬猶在。 寒鬃雪蹄馱詩去, 冰肌玉骨入畫來。
    珠江潮平閱讀 350評論 6 10