首頁技術(shù)文章正文

社交APP通話界面設(shè)計【UI設(shè)計師面試機試】

更新時間:2021-02-21 來源:黑馬程序員 瀏覽量:

設(shè)計師在面試過程中,招聘公司大多數(shù)都會要求咱們做機試測驗題吧?其核心目的就是通過命題設(shè)計的方式來驗證應(yīng)聘者的設(shè)計實力能否匹配該崗位的要求。

當(dāng)很多新手設(shè)計師拿到一份陌生的需求試題時,設(shè)計狀態(tài)多數(shù)都有壓力倍增、毫無頭緒的感覺,更有勝者會越過分析思考直接找參考借鑒,花了很多時間和精力而設(shè)計結(jié)果卻不能讓招聘公司滿意。本文就應(yīng)聘機試題應(yīng)該怎么做?及設(shè)計思路和流程正確展開方式進行分享,希望對廣大設(shè)計新人找工作有所啟發(fā)和幫助!

一、測試題需求導(dǎo)入

題目一:根據(jù)原型圖給出效果圖

題目

二、設(shè)計分析

這是一個語音社交APP通話界面的UI設(shè)計需求,其重點在于信息的布局與展示,以使其符合用戶的操作習(xí)慣。如果不熟悉此類頁面的設(shè)計,可以先找相關(guān)頁面進行參考:

參考01

參考02


對于語音通話界面UI設(shè)計已經(jīng)有比較成熟的布局體系,建議在布局上遵循用戶習(xí)慣即可;在配色上,接通按鈕及掛斷按鈕使用綠色及紅色基本。上已經(jīng)深入人心,不建議修改。

通話的背景設(shè)計,可以使用對方頭像在sketch中進行背景模糊處理,這樣的設(shè)計可以增加界面的細節(jié),不至于太單調(diào)乏味。

用戶易操作區(qū)域

對于兩個主要按鈕的布局,可以根據(jù)手機屏幕操作時用戶易操作區(qū)域作為參考,放在用戶最容易點擊的地方,提升用戶使用時的操作體驗。

三、成果展示

最終成果



猜你喜歡:

UI設(shè)計之色彩的心理效應(yīng)

ui設(shè)計是什么?UI設(shè)計行業(yè)前景怎么樣?

UI設(shè)計原則:匯總深入人心的UI設(shè)計原則

全鏈路UI/UE設(shè)計課程

分享到:
在線咨詢 我要報名
和我們在線交談!