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

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

更新時(shí)間:2021-02-21 來(lái)源:黑馬程序員 瀏覽量:

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

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

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

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

題目

二、設(shè)計(jì)分析

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

參考01

參考02


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

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

用戶易操作區(qū)域

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

三、成果展示

最終成果



猜你喜歡:

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

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

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

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

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!