千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  應聘面試  >  UI面試題  > UI設計面試題:移動端相關問題(二)

UI設計面試題:移動端相關問題(二)

來源:千鋒教育
發(fā)布人:wjy
時間: 2022-08-15 10:02:00 1660528920

  一、當下APP設計的流行趨勢有哪些?

  近兩年(2020、2021)流行趨勢有很多:

  1.深色模式/暗黑模式/黑夜模式

  隨著人們使用手機時間場景的后移,為了應對在晚上使用手機,各個手機廠商及APP都在自己的產(chǎn)品 中添加了該模式,可以有效的減少用戶的眼睛疲勞,提升產(chǎn)品使用體驗。

  2.UI中的插畫

  多年來,插圖一直是設計中最強勁的趨勢之一。插圖是對概念的直觀解釋,可以使用戶更好地理

  解產(chǎn)品背后的思想。除了一些精美的插圖使這一概念獨具匠心外,它們還可以更快地傳達信息。

  3.動畫圖形和微交互

  微交互在2018年成為第一流, 但這一趨勢值得 在2020年關注。它們是UI設計中極其重要的趨勢,

  這使基本應用程序/網(wǎng)站與非凡的應用程序/網(wǎng)站有所不同。微交互在使用戶了解系統(tǒng)的工作原理

  并引導其獲得更好的體驗方面起著至關重要的作用。

  5G時代已經(jīng)到來,加上目前硬件升級,動效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多

  產(chǎn)品設計里面都開始加入動效,來提升產(chǎn)品體驗,同時動效也有很強的指導性質。在某些場景

  下,使用動效能夠很好與用戶進行互動交流,因此在2020年 動效的使用將會越來越多。

UI設計面試題:移動端相關問題

  5.漸變趨勢

  幾年來,我們一直在談論設計中的漸變,這種趨勢在2020年將繼續(xù)保持強勁, 因此值得-提。新

  鮮的色彩是成功漸變的完美選擇。它們可以用于按鈕,圖標,插圖,甚至用于排版。

  6.3D插畫

  隨著硬件升級,5G時代開始大面積推廣與普及,在應用程序里面使用3D動畫來展示產(chǎn)品是一個很

  不錯的選擇,3D更加貼近真實物理環(huán)境,貼近我們生活。3D插圖非常受歡迎,因為與2D插圖不

  同,它提供了更逼真的圖像。

  8.大膽的配色

  大膽鮮艷的配色在最近兩年成為了-種很重要的趨勢,在2020年這一趨勢將會繼續(xù)。 這些顏色

  豐富,明亮,充滿活力。他們既可以作為主色也可以作為輔色。

  9.圖標設計進入扁平2.0

  在設計的過程中由最初的寫實風格--純扁平--扁平2.0(在原有扁平的基礎上,添加了更多的細節(jié)和質感)

  10.大字體的使用

  網(wǎng)上類似的總結類的文章有很多,可以根據(jù)自己項目中采用的流行趨勢去重點闡述。

  二、iPhone界面規(guī)范及字體規(guī)范?

  2倍率界面尺寸:

  750*1334(目前采用較少)、狀態(tài)欄40 px、導航欄88 px、標簽欄98 px

  750*1624 (iPhone X之后的機型)狀態(tài)欄88px、導航欄88px、標簽欄98px、虛擬按鍵區(qū)域68px

  狀態(tài)欄字體24px、導航欄字體34px中等(其他常規(guī))、標簽欄字體20px(也可以20、22、24)

  導航欄中搜索欄56-60px

  文本框大小為80-88px

  彈窗遮罩深色20%-40%、彈窗遮罩淺色40-60%

  文本框間距使用8的倍率或整數(shù)

  中文字體PingFangsc

  英文字體SanFranciso

  三、iPhone和Android雙平臺的兼容性,單位之間換算關系?

  1、真正決定顯示效果的是邏輯像素尺寸,iPhone的邏輯像素尺寸是pt,Android的邏輯像素尺寸是dp

  1倍率、1pt=1dp=1px(iPhone 3gs、mdpi)

  1.5倍率、1pt=1dp=1.5px(hdpi)

  2倍率、1pt=1dp=2px(iPhone 4s/5/6、xhdpi)

  3倍率、1pt=1dp=3px(iPhone 6p/7p、xxhdpi)

  4倍率、1pt=1dp=4px(xxxhdpi)

  四、iOS和Android應用圖標的尺寸?

  應用圖標再程序使用的過程中,按照不同的使用場景和平臺要求,有很多種各種不同的大小尺寸。

  但是設計師在做圖的時候只需要制作一個最大的,1024x1024

  其余尺寸更具要求導出對應的大小。

  也可以借用一些在線工具進行批量導出

  例如

  圖標工場(https://icon.wuruihong.com)

  一鍵快速生成iOS, Android,Windows Phone, WebApp, iWatch(watchOS), PhoneGap(Cordova)等移動平臺不同大小(規(guī)格尺寸)的App圖標,快速預覽,提供豐富選項,可以直接打包發(fā)布到應用市場,并提供相應的PSD模板。

  更多關于“UI培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業(yè)需求,更科學更嚴謹,每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
10年以上業(yè)內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
ui設計面試題:個人學習及能力提升考察篇(一)

1、最近有沒有想要提升的能力?解析:企業(yè)想要看求職者是否具有自主學習能力,以及欠缺的能力。求職者對自身能力的認知是否清晰。回答思路:可...詳情>>

2022-08-15 10:11:00
UI設計面試題:移動端相關問題(四)

交互設計師,設計產(chǎn)品的交互界面結構、布局、操作流程等、跟蹤產(chǎn)品開發(fā)流程、竟品分析、產(chǎn)品數(shù)據(jù)分析持續(xù)優(yōu)化產(chǎn)品可用悵、編寫界面交互設計文檔...詳情>>

2022-08-15 10:09:38
UI設計面試題:移動端相關問題(三)

一、針對你的某個項目,讓你介紹一下?項目大背景(項目來源,甲方,場景,基本的要求,相關的內容)團隊(幾個人做的,自己的職責)周期(大概多少頁...詳情>>

2022-08-15 10:07:29
10個UI設計師面試常見問題及解析(下)

6、這套APP共幾個人參與?如何分工?考察點:1.你負責哪部分2.你的團隊協(xié)作能力,一套產(chǎn)品參與的人一般是7-上百人,一套APP 2-5設計師都可以完...詳情>>

2022-08-15 10:01:09
10個UI設計師面試常見問題及解析(上)

1、你客戶的公司叫什么名字?既然是自己公司的客戶,關于客戶公司的名字、對接人員、他們公司的業(yè)務、所做項目的現(xiàn)狀...都要有所了解。詳情>>

2022-08-15 09:59:02