UI常見面試題

1、你平時(shí)用的網(wǎng)站和app你最喜歡哪個(gè),列舉兩個(gè)并對(duì)其進(jìn)行分析?為什么喜歡?

答案:花瓣、站酷、追波、ui中國?;ò?、、qq音樂、高德地圖。

2、你認(rèn)為做手機(jī)UI最難的地方在哪?

答案:尺寸眾多。

3、對(duì)無線互聯(lián)網(wǎng)未來的發(fā)展有什么看法?

答案:全無線互聯(lián)網(wǎng)的時(shí)代

4、說說如何理解交互設(shè)計(jì)的

答案:交互設(shè)計(jì),人與機(jī)器的溝通交流。

5、可以給我們公司設(shè)計(jì)一款公司員工內(nèi)部用的app嗎?

答案:當(dāng)然,看公司的這款A(yù)pp主要的功能需求是什么,再結(jié)合使用場(chǎng)景來進(jìn)行設(shè)計(jì)

6、你喜歡什么樣的圖標(biāo)?為什么喜歡?

答案:扁平、寫實(shí)

7、你認(rèn)為ui設(shè)計(jì)師最注重的是什么???

答案:創(chuàng)新

8、對(duì)按卓手機(jī)的理解,安卓手機(jī)與iphone在界面設(shè)計(jì)上的區(qū)別,你認(rèn)為在以往的工作中學(xué)到了什么 ?

答案:通過實(shí)例來闡述界面設(shè)計(jì)中產(chǎn)品交互的重要性?

9、你說說你平時(shí)喜歡的素材網(wǎng)都有哪些???

答案:花瓣 、站酷 、千圖 、pinter

10、你覺得現(xiàn)在的交友網(wǎng)還有哪一點(diǎn)沒有滿足客戶的需求?。?/p>

答案:真實(shí)性

11、你認(rèn)為你現(xiàn)在在那個(gè)方面還是有欠缺的?

答案:跟國外的設(shè)計(jì)師比創(chuàng)新還不夠。

12、你知道自己的作品的缺點(diǎn)是什么嗎?

答案:只能滿足大部分的需要,還不能滿足所有人。

13、你認(rèn)為你的技術(shù)能勝任這份工作嗎?

答案:能

14、你都使用過哪些APP?

答案:......

15、你有沒有獨(dú)立完成整套設(shè)計(jì)的能力?

答案:有

16、百度和google,你看哪個(gè)覺得更舒服一點(diǎn)?

答案:谷歌

17、這個(gè)顏色用的不錯(cuò),你是怎么選出來的?

答案:自然中的顏色。公司主色。素材圖片中的顏色。

18、你對(duì)O2O有了解嗎?

答案:線上線下相結(jié)合的方式。

19、你覺得哪個(gè)APP做的更好?為什么?

答案:微信,首先界面方面微信沒有大的瑕疵。其次從功能上微信足夠強(qiáng)大。最重要的還是微信在用戶體驗(yàn)方面做的努力。

20、切片存的格式?

答案:PNG-24。

21、給我說下你做這套APP的思路吧。

答案:我這套APP是干什么的?針對(duì)哪些用戶?用戶用我的APP能得到些什么?我能得到些什么?

22、你的作品是改版的吧?你為什么這樣改?

答案:說說你對(duì)你改版的那套APP的認(rèn)識(shí)。優(yōu)點(diǎn)(哪些是你保留的),缺點(diǎn)(你改了的),為什么這樣改。

23、你對(duì)扁平化的看法?

答案:緩解人們的審美疲勞。良好的用戶體驗(yàn),視覺上讓重點(diǎn)更突出,按鈕可點(diǎn)擊區(qū)域更大。可以提高工作效率。

24、你做的網(wǎng)站可視區(qū)域多少?

答:960px。

25、我們公司是做電商平臺(tái)類的應(yīng)用,你能做嗎?

答案:能不能看自己。

26、一般網(wǎng)頁顏色不超過幾個(gè)?

答案:5個(gè)。

27、網(wǎng)頁廣告最常用的布局?

答案:左右布局。

28、「界面設(shè)計(jì)」「視覺設(shè)計(jì)」「交互設(shè)計(jì)」之間的關(guān)系是什么?如何理解?

答案:先區(qū)分一下“界面”、“視覺”、“交互”這三個(gè)詞?!敖缑妗笔菣C(jī)器中的一部分——通過這個(gè)部分,用戶可以了解機(jī)器的狀態(tài)、對(duì)機(jī)器進(jìn)行控制、并獲取反饋?!敖缑妗辈粌H包括圖形界面,也包括實(shí)體界面?!耙曈X”是一種人的感官類型——通過這一個(gè)感官,用戶可以了解信息,感知物體,被激發(fā)情緒?!耙曈X”不僅包括美觀,更包括引導(dǎo)?!敖换ァ笔且环N行為類別——在這種行為類別中,用戶會(huì)發(fā)出自己的行為請(qǐng)求,接受者隨之給予用戶反饋和后續(xù)行為的引導(dǎo)。本質(zhì)上來講這三者沒有比較的意義,因?yàn)樗鼈兪遣煌暯窍碌母拍睢?/p>

、國內(nèi)比較有名的網(wǎng)頁設(shè)計(jì)師你知道的有哪些?(一般至少要說2個(gè))

答案:楊華在網(wǎng)頁設(shè)計(jì)及攝影方面都有成就。韓雪冬作品比較簡(jiǎn)潔,高大上。

29、1.目前在Internet上應(yīng)用最為廣泛的服務(wù)是什么?

答案:WWW服務(wù)

30、WEB安全色能夠顯示顏色種類是多少?

答案:216種。

31、簡(jiǎn)述選擇符的作用及分類。

答案:選擇符作用在于定義CSS的名稱,以便引用。在CSS中主要有三種選擇符:(1)超文本標(biāo)記選擇符;(2)類選擇符;(3)ID選擇符。

32:簡(jiǎn)述HTML文件的基本標(biāo)記組成。

答案:HTML文件的基本標(biāo)記組成為:(1) 樣式 (2) 結(jié)構(gòu) (3) 行為

33、簡(jiǎn)單說明自己的不足與優(yōu)點(diǎn)。

答案:把自己的不足盡量簡(jiǎn)短的說明,優(yōu)點(diǎn)盡量說一些工作中團(tuán)結(jié),熱愛工作的內(nèi)容。

34、你最快什么時(shí)候能上班?

答案:隨時(shí)可以上班,盡量不要拖時(shí)間。

36、添加圖層蒙板,怎么使內(nèi)容透到下面去?

答案:黑透白不透。

37、怎么恢復(fù)PS軟件的默認(rèn)設(shè)置?

答案:打開軟件的同時(shí)按住shift+ctrl+alt,然后選擇刪除配置文件。

38、在網(wǎng)頁里面都支持什么格式的圖片與動(dòng)畫

答案:支持png、jpg和gif。

39、A4紙的國內(nèi)與國際尺寸

答案:國內(nèi)210285,國際210297

40、網(wǎng)頁設(shè)計(jì)應(yīng)該注意哪些內(nèi)容?

答案:六個(gè)緯度:色彩;文字;圖像;版式;規(guī)范;細(xì)節(jié)。

43、CSS布局方法與表格布局方法相比,有哪些優(yōu)勢(shì)?

答案:(1)頁面載入更快;(2)降低網(wǎng)站流量費(fèi)用;(3)易于修改;

(4)視覺一致(5)更易于被搜索引擎找到。

44、在用戶界面設(shè)計(jì)的常用軟件有Photoshop、Illustrator、Flash、Maxon Cinema 4D R11、IconCool Studio V2.8和JPEG Optimier,以上軟件你都用過哪幾種?請(qǐng)對(duì)你使用過的軟件進(jìn)行分析,闡述用途和常規(guī)特性

46、如果背景是黑色,你認(rèn)為字體用什么顏色能突出字體,且不顯得刺眼?

答案:淺灰

50、對(duì)于網(wǎng)站來說,頁面的操作步驟少就少用戶體驗(yàn)好,對(duì)嗎,為什么?

答案:不對(duì),首先得先滿足用戶的需求,要不然就得不償失了

51、一個(gè)網(wǎng)站一般有幾種主色?幾種輔色?請(qǐng)舉一個(gè)實(shí)際網(wǎng)站使用主輔色效果較出色的例子:

答案:3種。

52、你對(duì)國內(nèi)和國外的網(wǎng)頁設(shè)計(jì)有什么了解?

答案:國外現(xiàn)在比較流行簡(jiǎn)潔和扁平化。國內(nèi)比較混亂。扁平化剛流行。

53、簡(jiǎn)述RGB顯示模式與CMYK模式的區(qū)別

答案:RGB模式是圖像顯示模式,主要是在電子設(shè)備顯示的一種模式,CMYK是印刷模式,需要做印刷作品的時(shí)候才會(huì)使用CMYK模式。

54、談?wù)勀銓?duì)HTML和CSS的理解

答案:HTML就像是人的骨架,CSS像是一件一件漂亮的衣服,給HTML架構(gòu)打扮的更加漂亮。

55、你的愛好有哪些。

答案:KTV唱歌、看脫口秀等就可以。

56、你在學(xué)校有哪些表現(xiàn)突出的或者參加什么社團(tuán)或者獲過哪些獎(jiǎng)項(xiàng)?

答案:首先應(yīng)該組織語言把參加的組織說出來,然后在說擔(dān)任什么職務(wù)或者表現(xiàn)方面說下,最后組織自己的語言清楚的表達(dá)出自己獲得過哪些獎(jiǎng)項(xiàng)。

57、你認(rèn)為作為一名設(shè)計(jì)師是軟件技術(shù)重要還是好的創(chuàng)意重要。

答案:都重要缺一不可,首先腦中有好的創(chuàng)意然后我有好的操作技術(shù)把創(chuàng)意做出來。

58、如果工作有壓力,經(jīng)常加班你會(huì)如何應(yīng)對(duì)?

答案:我會(huì)合理調(diào)節(jié)自己的時(shí)間,把壓力分散掉。加班是公司要求的我會(huì)積極配合。并且我相信付出就會(huì)有回報(bào)。

1、你是怎么理解UI?什么叫UI設(shè)計(jì)?什么是UE?

答案:UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。

“用戶體驗(yàn)”,UE(User Experience),是以用戶至上的觀點(diǎn)作為基石的。主要由以下四種因素構(gòu)成:1、印象(感官?zèng)_擊)2、功能性3、使用性4、內(nèi)容UE用戶體驗(yàn)英文叫做user experience,縮寫為UE,或者UX。

2、列舉你所知道的顏色模式?設(shè)計(jì)時(shí),你喜歡用那些顏色?你的配色技巧有哪些?

答案:RGB模式、CMYK模式、HSB模式、Lab顏色模式、位圖模式、灰度模式、索引顏色模式、雙色調(diào)模式和多通道模式

色相改變,飽和度和亮度不變

色相不變,飽和度和亮度改變

配色技巧:

(1)、黑、白、金、銀、灰是無彩系能和一切顏色相配。

(2)、與白相配時(shí),應(yīng)仔細(xì)觀察白得偏向哪種色相,如偏藍(lán)應(yīng)作淡藍(lán)考慮,黃則屬淡黃

(3)、有明度差的色彩更容易調(diào)和,一般有3級(jí)以上明純度差的對(duì)比色都能調(diào)和(從黑到 白共分十一級(jí)), 所以配色要拉開明度最關(guān)鍵。

(4)、在不同色相的顏色中汆入相同的黑或白就容易調(diào)和。

(5)、互補(bǔ)色(對(duì)比色可單獨(dú)使用)這種色彩之間強(qiáng)烈對(duì)比在高純度的情況下會(huì)引起色彩的顫動(dòng)和不穩(wěn)定感,在搭配中一定要處理好這種情況,不然會(huì)使得畫面沖突非常嚴(yán)重并破壞整體。但是很顯然的是,在各種色相搭配中,互補(bǔ)色搭配無疑是一種最突出的搭配,所以如果你想然你的作品特別引人注目,那互補(bǔ)色搭配或許是種最佳選擇。

(6)、近似色一般這種色彩之間搭配顯得平靜而舒服。但是使用中要適當(dāng)加強(qiáng)對(duì)比,不然可能使畫面顯得平淡。

(7)、要有主色調(diào),要么暖色調(diào),要么冷色調(diào),不要平均對(duì)待各色,這樣更容易產(chǎn)生美感。

(8)、暖色系與黑調(diào)和,冷色系與白調(diào)和。

(9)、在色環(huán)上按等間隔選擇3-4組顏色也能調(diào)和。

(10)、在配色時(shí),鮮艷明亮的色彩面積應(yīng)小一點(diǎn)。

(11)、本來不和諧的兩種顏色鑲上黑色或白色會(huì)變得和諧。

(12)、與灰色組合時(shí),明度差不要太大。13、有秩序性的色彩排列在一起比較和諧。

(13)、在蒙賽爾色立體中,其縱向、橫向、斜向甚至于螺旋形排列都有秩序。

(14)、有多種顏色配在一起時(shí),必須有某一因素(色相、明度、純度)占統(tǒng)領(lǐng)地位。

3、你所知道的手機(jī)系統(tǒng)平臺(tái)?(主要安卓、ios)

答案:1、谷歌android系統(tǒng),主流版本2.2

2、微軟WM6、WM7系統(tǒng),主流版本6.5

3、塞班S60 V5,S60 V3以及Symbian 3

4、Java非智能系統(tǒng)

5、三星bada系統(tǒng)

6、蘋果IOS系統(tǒng)

7、webos系統(tǒng)

3.例舉你所知道的手機(jī)圖標(biāo)樣式?他們的區(qū)別在哪?

答案:2D扁平化風(fēng)格:1、剪影(單行圖標(biāo)):線條和塊狀;2、2D彩色圖標(biāo)(沒有擬物化效果)

2D擬物化風(fēng)格

3D圖標(biāo)(寫實(shí))

4.圖標(biāo)統(tǒng)一性體現(xiàn)在那些方面

答案:造型:規(guī)則形狀和不規(guī)則形狀

風(fēng)格:扁平化和擬物化

顏色:大自然顏色和情感顏色

樣式:全局光等

5.你對(duì)扁平化的看法

答案:緩解人們的審美疲勞;良好的用戶體驗(yàn);視覺上讓重點(diǎn)更突出;按鈕可點(diǎn)擊區(qū)域更大;可以提高工作效率

6.iPhone的屏幕尺寸分辨率圖標(biāo)大?。▓A角)

答案:IOS 6:iPhone 1/3G/3GS3.5英寸320480px5757(10px)

iPhone4/4S3.5英寸640960px114114(20px)

iPhone54英寸6401136px114144(20px)

IOS 7:iPhone5S/5C4英寸6401136px120120(27px)

IOS 8:iPhone64.7英寸750*1334px

iPhone6 Plus5.5英寸1920*1080px

iPad 1/2 /mini 1/29.7英寸1024768pxios6:7272(12px)

ios7:76*76(16px)

new iPad(3)/iPad4/ios6:144*144(24px)

iPad Air(5)/mini39.7英寸20481536pxios7:152152(32px)

iPad mini7.9英寸1024*768px

7.Android的屏幕分辨率

答案:08年:240320px;09年:320480px;10年:480800px;標(biāo)準(zhǔn)Android 4寸:480854px;11年:640960px;12年-13年:7201280px;14-15年:1080*1920px

iphone一般取用640*960的尺寸設(shè)計(jì)

APP界面一般由四個(gè)元素組成,中文字體:方正黑體簡(jiǎn)體,英文字體:Helvetica

狀態(tài)欄、導(dǎo)航欄、主菜單欄、中間的內(nèi)容區(qū)

40px88px98px734px/ 5系列就是910px;

Android一般取用720*1280的尺寸設(shè)計(jì)

APP界面的組成元素和iphone基本相同,字體:方正蘭亭黑體

狀態(tài)欄、導(dǎo)航欄、主菜單欄、中間的內(nèi)容區(qū)

50px96px96px1038px

WP設(shè)計(jì)規(guī)范

答案:480800:電池電量條32px;頂部條空隙182px,文字黑體;底部條高度72px,剪影圖標(biāo)4848px;瓷片大小173*173px;

3、提問:

你接到一個(gè)客戶的網(wǎng)站,在你設(shè)計(jì)好初稿后給客戶看,被否定了,然后次稿,又否定了,3次,4次..N次,客戶都不滿意,你怎么辦?

回答:

1.這種事情要盡量的少發(fā)生在自己的身上,其實(shí)已經(jīng)做了4/5版,你的溝通能力其實(shí)已經(jīng)讓人懷疑了,這種事情發(fā)生過兩次后,應(yīng)該對(duì)你也是一個(gè)非常好的鍛煉,所以4/5版.....,當(dāng)你有一定經(jīng)驗(yàn)的時(shí)候,是有辦法避免的

2.設(shè)計(jì)前的溝通非常重要,別嫌麻煩,一定要多問客戶,把客戶的需求最大化,不需要客戶明確的告訴你怎么布局,用什么圖片和顏色,關(guān)鍵了解客戶在意的是什么,再引導(dǎo)客戶,幫客戶將其需求縮小,再具體化,這樣商量好后,你就能按照你引導(dǎo)客戶的思路去做了

3.個(gè)人覺得,設(shè)計(jì)稿超過2版后,客戶還不滿意,就應(yīng)該要主動(dòng)找客戶當(dāng)面談了,或者直接去他們公司,一是讓客戶覺得你對(duì)他們的網(wǎng)站工作很認(rèn)真,一方面很多話當(dāng)面能夠說的更清楚,更能明確了解客戶的真實(shí)想法

4.真正要避免設(shè)計(jì)稿推翻重做,還是要練內(nèi)功的,任何網(wǎng)站做好了都會(huì)有修改,但和推翻重做絕對(duì)是2個(gè)概念,當(dāng)你的設(shè)計(jì)水平慢慢上升,溝通能力越來越好,越能把握住的客戶的想法和需求時(shí),你會(huì)發(fā)現(xiàn)難道搞定的客戶越來越少了

13、你都知道哪些類型的網(wǎng)頁

電商類、應(yīng)用類、個(gè)人類、平臺(tái)類、政府類

企業(yè)類:字多圖少,頁面內(nèi)容不多,頁面高度一般在1-2屏,結(jié)構(gòu)簡(jiǎn)單。

專題類:只有一個(gè)頁面,只介紹一款產(chǎn)品,圖多,字少,強(qiáng)調(diào)設(shè)計(jì)效果。

門戶類:以提供信息資訊為主,涵蓋的工作類型多,信息量大,訪問群體廣,但所包含的功能卻比較簡(jiǎn)單。比如新浪、搜狐、新華網(wǎng)等。

15、你覺得一張完整的網(wǎng)頁都有哪些模塊組成?門戶網(wǎng)站與專題頁的區(qū)別?

首頁頁面結(jié)構(gòu)都會(huì)包括頁面標(biāo)題、網(wǎng)站LOGO、導(dǎo)航欄、登錄區(qū)、搜索區(qū)、熱點(diǎn)推薦區(qū)、主內(nèi)容區(qū)和頁腳區(qū)(如圖),其他頁面一般由頁面標(biāo)題、網(wǎng)站LOGO、導(dǎo)航欄、主內(nèi)容區(qū)和頁腳區(qū)等構(gòu)成

17、你所知道的計(jì)算機(jī)系統(tǒng)?

Windows系列操作系統(tǒng)

由微軟公司生產(chǎn);

2.Unix類操作系統(tǒng)

如SOLARIS,BSD系列(FREEBSD,openbsd,netbsd,pcbsd);

3.Linux類操作系統(tǒng)

如UBUNTU,suse linux,fedora,等

4.Mac操作系統(tǒng)

由蘋果公司生產(chǎn)(Darwin),一般安裝于MAC電腦。

18、動(dòng)態(tài)頁面跟靜態(tài)頁面的區(qū)別?分別有什么作用?

主要是看是否與數(shù)據(jù)庫發(fā)生交互,是否調(diào)用數(shù)據(jù)。靜態(tài)頁面主要用來宣傳和展示。動(dòng)態(tài)頁面主要是用戶體驗(yàn),實(shí)現(xiàn)在線購買

19、HTML中定義表格的寬度用80px與80%的區(qū)別是什么?

px表示像素,%表示占整個(gè)頁面寬度的百分比。

20、網(wǎng)頁制作過程中,你會(huì)考慮到哪些東西?如果跟前端溝通交流?

六個(gè)維度:色彩、文字、圖像、版式、規(guī)范、細(xì)節(jié)

如果是單純的靜態(tài)頁面,主要是交流如何切圖,節(jié)省空間。如果需要?jiǎng)討B(tài)效果,就需要提前交流程序員的水平,以及是否能實(shí)現(xiàn)效果。考慮兼容性以及響應(yīng)式布局。

21、網(wǎng)頁的安全寬度

網(wǎng)頁內(nèi)容寬度必須小于或等于瀏覽器窗口寬度;在主流分辨率中以較小的分辨率來確定內(nèi)容寬度;計(jì)算公式:用屏幕分辨率-瀏覽器垂直滾動(dòng)條的寬度(IE:21px;其它:20px)

22、網(wǎng)頁中使用的圖像格式

GIF,JPG,PNG

23、WEB界面色彩設(shè)計(jì)常用方法

主色調(diào)(面積多),出現(xiàn)在頁面,包括logo、導(dǎo)航、搜索等區(qū)域

對(duì)比色(面積少),重點(diǎn)的文字,價(jià)格

背景色,一般白色或淺灰

24、WEB安全色能夠顯示顏色種類是多少?(216種)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,674評(píng)論 1 32
  • 產(chǎn)品知識(shí)面考察 真題 例題分析 例題7.3 DAU代表 。 日用戶點(diǎn)擊量 月活躍用戶數(shù)量 日活躍用戶數(shù)量 網(wǎng)站...
    愛攝影的奧派閱讀 12,712評(píng)論 4 46
  • 做好飯從廚房出來,看到沙發(fā)墊上亮眼的一片紅,這是周末剛剛買來的新墊子,玥玥爸挑選的,這個(gè)愛干凈的整潔男人看到,可是...
    星之愛閱讀 560評(píng)論 0 1
  • 旅行,是大學(xué)生最美的狂歡! 在閑余時(shí)間,攜三五好友,乘下午最晚的一班火車,天南海北說走就走。拋卻蕪雜的生活煩惱、丟...
    與爾共鳴閱讀 320評(píng)論 0 0
  • 今天,家里請(qǐng)客 一早起來,買菜,這是我對(duì)大家的愛,二姐幫忙來帶孩子,讓我非常的輕松,這是二姐對(duì)我的愛~~讓孩子今天...
    Lulu輕悅閱讀 367評(píng)論 0 0

友情鏈接更多精彩內(nèi)容