UI 類面試題彙總 | 掘金技術徵文

小稀土發表於2017-09-28
宣告:此次是收集網際網路整理,如有侵權請聯絡本人進行刪除

ps:如果大家有的也可以和我討論,希望你們能提出寶貴建議,進行修改!

UI類:

第一套

1、你平時用的網站和app你最喜歡哪個,列舉兩個並對其進行分析?為什麼喜歡?

  • 答案:花瓣、站酷、追波、ui中國。花瓣、設計師、慕課網、優設網、qq音樂、高德地圖。

2、你認為做手機UI最難的地方在哪?

  • 答案:尺寸眾多。

3、對無線網際網路未來的發展有什麼看法?

  • 答案:全無線網際網路的時代

4、公司想針對於"節假日回家"這一行為開發一款網際網路產品,需要寫一個專案策劃,使用者潛在需求,時間和工作人員分工,功能流程框架,網站首頁草圖和另外某一屏草圖。

5、列出至少5個國內外對應網站

  • 答案:GoogleVS百度,人人VSfacebook,花瓣VSpinterset,GmailVSfoxmail,hitfmVS蝦米

6、列出至少5個生活中使用者體驗不方便的案例,如電梯的上與下

7、說說如何理解互動設計的

  • 答案:互動設計,又稱互動設計,(英文InteractionDesign,縮寫IxD或者IaD),是定義、設計人造系統的行為的設計領域。人造物,即人工製成物品,例如,軟體、移動裝置、人造環境、服務、可佩帶裝置以及系統的組織結構。互動設計在於定義人造物的行為方式(the "interaction",即人工製品在特定場景下的反應方式)相關的介面。互動設計作為一門關注互動體驗的新學科在二十世紀八十年代產生了,它由IDEO的一位創始人比爾·摩格理吉(Bill Moggridge)在1984年一次設計會議上提出,他一開始給它命名為“軟面(Soft Face)”,由於這個名字容易讓人想起和當時流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他後來把它更名為“Interaction Design”,即互動設計。

5、給你個我們公司的網頁,你能給我重新設計下嗎?

6、可以給我們公司設計一款公司員工內部用的app嗎?

7、你喜歡什麼樣的圖示?為什麼喜歡?

  • 答案:扁平、寫實

8、你認為ui設計師最注重的是什麼啊?

  • 答案:創新

9、對按卓手機的理解,安卓手機與iphone在介面設計上的區別,你認為在以往的工作中學到了什麼?


  • 答案:通過例項來闡述介面設計中產品互動的重要性?

11、你說說你平時喜歡的素材網都有哪些啊?

  • 答案:花瓣站酷千圖pinter

12、你覺得現在的交友網還有哪一點沒有滿足客戶的需求啊?

  • 答案:真實性

13、你認為你現在在那個方面還是有欠缺的?

  • 答案:跟國外的設計師比創新還不夠。

14、你知道自己的作品的缺點是什麼嗎?

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

15、你認為你的技術能勝任這份工作嗎?

  • 答案:能

16、你都使用過哪些APP?

  • 答案:......

17、你有沒有獨立完成整套設計的能力?

  • 答案:有

18、百度和google,你看哪個覺得更舒服一點?

  • 答案:谷歌

19、這個顏色用的不錯,你是怎麼選出來的?

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

20、你對O2O有了解嗎?

  • 答案:O2O即Online To Offline,是指將線下的商務機構與網際網路結合,讓網際網路成為線下交易的前臺,這個概念最早來源於美國。O2O的概念非常廣泛,只要產業鏈中既可涉及到線上,又可涉及到線下,就可通稱為O2O。

21、你覺得哪個APP做的更好?為什麼?

  • 答案:微信,首先介面方面微信沒有大的瑕疵。其次從功能上微信足夠強大。最重要的還是微信在使用者體驗方面做的努力。微信在小的細節方面做的很到位,讓我印象最深的就是它會把你的簡訊驗證碼自動填到輸入框裡,這點用安卓手機的人都會覺得超級方便。

22、切片存的格式?

  • 答案:PNG-24。

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

  • 答案:我這套APP是幹什麼的?針對哪些使用者?使用者用我的APP能得到些什麼?我能得到些什麼?

24、你的作品是改版的吧?你為什麼這樣改?

  • 答案:說說你對你改版的那套APP的認識。優點(哪些是你保留的),缺點(你改了的),為什麼這樣改。

25、你對扁平化的看法?

  • 答案:緩解人們的審美疲勞。良好的使用者體驗,視覺上讓重點更突出,按鈕可點選區域更大。可以提高工作效率。

26、你做的網站可視區域多少?

  • 答:960px。

27、我們公司是做電商平臺類的應用,你能做嗎?

  • 答案:能不能看自己。

28、一般網頁顏色不超過幾個?

  • 答案:5個。

29、網頁廣告最常用的佈局?

  • 答案:左右佈局。

30、「介面設計」「視覺設計」「互動設計」之間的關係是什麼?如何理解?

  • 答案:先區分一下“介面”、“視覺”、“互動”這三個詞。“介面”是機器中的一部分——通過這個部分,使用者可以瞭解機器的狀態、對機器進行控制、並獲取反饋。“介面”不僅包括圖形介面,也包括實體介面。“視覺”是一種人的感官型別——通過這一個感官,使用者可以瞭解資訊,感知物體,被激發情緒。“視覺”不僅包括美觀,更包括引導。“互動”是一種行為類別——在這種行為類別中,使用者會發出自己的行為請求,接受者隨之給予使用者反饋和後續行為的引導。本質上來講這三者沒有比較的意義,因為它們是不同視角下的概念。

31、國內比較有名的網頁設計師你知道的有哪些?(一般至少要說2個)

  • 答案:楊華在網頁設計及攝影方面都有成就。韓雪冬作品比較簡潔,高大上。

32、你對國內和國外的網頁設計有什麼瞭解?

  • 答案:國外現在比較流行簡潔和扁平化。國內比較混亂。扁平化剛流行。

33、簡述RGB顯示模式與CMYK模式的區別

  • 答案:RGB模式是影像顯示模式,主要是在電子裝置顯示的一種模式,CMYK是印刷模式,需要做印刷作品的時候才會使用CMYK模式。

34、談談你對HTML和CSS的理解

  • 答案:HTML是超文字標記語言,通俗一些更像是架構。就像是人的骨架,最後構成了完整的人體。而CSS則像是一位修飾工人,把架構的每一塊做出不同的樣式出來,也像是一件一件漂亮的衣服,給HTML架構打扮的更加漂亮。

35、你的愛好有哪些。

  • 答案:籃球、足球、唱歌等就可以。

36、你在學校有哪些表現突出的或者參加什麼社團或者獲過哪些獎項?

  • 答案:首先應該組織語言把參加的組織說出來,然後在說擔任什麼職務或者表現方面說下,最後組織自己的語言清楚的表達出自己獲得過哪些獎項。

37、你認為作為一名設計師是軟體技術重要還是好的創意重要。

  • 答案:都重要缺一不可,首先腦中有好的創意然後我有好的操作技術把創意做出來。

38、如果工作有壓力,經常加班你會如何應對?

  • 答案:我會合理調節自己的時間,把壓力分散掉。加班是公司要求的我會積極配合。並且我相信付出就會有回報。

39、1.目前在Internet上應用最為廣泛的服務是什麼?

  • 答案:WWW服務

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

  • 答案:216種。

41、簡述選擇符的作用及分類。

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

42:簡述HTML檔案的基本標記組成。

  • 答案:HTML檔案的基本標記組成為:(1) (2) (3)

43、簡單說明自己的不足與優點。

  • 答案:把自己的不足儘量簡短的說明,優點儘量說一些工作中團結,熱愛工作的內容。

44、你最快什麼時候能上班?

  • 答案:隨時可以上班,儘量不要拖時間。

45、怎麼設定透明度使得IE和非IE核心都相容?

  • 答案:filter:alpha(opacity=100)這是針對IE瀏覽器,opacity:1這是針對非IE核心的瀏覽器。

46、新增圖層蒙板,怎麼使內容透到下面去?

  • 答案:黑透白不透。

47、怎麼恢復PS軟體的預設設定?

  • 答案:開啟軟體的同時按住shift+ctrl+alt,然後選擇刪除配置檔案。

48、在網頁裡面都支援什麼格式的圖片與動畫

  • 答案:支援png、jpg和gif。

49、A4紙的國內與國際尺寸

  • 答案:國內210*285,國際210*297

50、網頁設計應該注意哪些內容?

  • 答案:六個緯度:色彩;文字;影像;版式;規範;細節。
51、使用CSS佈局的網頁應實現哪些要求?

  • (1)寬度使用多列布局,並保證頁頭和頁尾正確顯示;

        (2)可以指定列寬度固定,其餘列寬度自適應;

        (3)在html中,個列可以任意順序排列,最終效果都正確顯示。

52、設計一款手機開機動畫,寫出設計思路及使用到的工具軟體,

53、CSS佈局方法與表格佈局方法相比,有哪些優勢?

  • 答案:(1)頁面載入更快;(2)降低網站流量費用;(3)易於修改;(4)視覺一致(5)更易於被搜尋引擎找到。

54、在使用者介面設計的常用軟體有Photoshop、Illustrator、Flash、Maxon Cinema 4D R11、IconCool Studio V2.8和JPEG Optimier,以上軟體你都用過哪幾種?請對你使用過的軟體進行分析,闡述用途和常規特性

55、請列舉你熟悉的瀏覽器,並描述其開發、設計上需要注意的問題。

  • 答案:360搜狗谷歌safari opera火狐

56、如果背景是黑色,你認為字型用什麼顏色能突出字型,且不顯得刺眼?

  • 答案:淺灰

57、對以下軟體開發中UI操作流程進行排序()

①設計頁面②藍圖評審③需求確認④頁面調整

  • ⑤UI檢測報告⑥製作靜態頁面⑦頁面檢查⑧與業務進行頁面確認

58、對於網站來說,頁面的操作步驟少就少使用者體驗好,對嗎,為什麼?

  • 答案:不對

59、一個網站一般有幾種主色?幾種輔色?請舉一個實際網站使用主輔色效果較出色的例子:

  • 答案:3種。

 第二套


1、你是怎麼理解UI?什麼叫UI設計?英語全拼怎麼寫?什麼是UE?廣義跟狹義UI的區別?


  • 答案:UI即User Interface(使用者介面)的簡稱。UI設計則是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

  • “使用者體驗”,UE(User Experience)指的是軟體應用和審美價值,是以使用者至上的觀點作為基石的。主要由以下四種因素構成:1、印象(感官衝擊)2、功能性3、使用性4、內容UE使用者體驗英文叫做user experience,縮寫為UE,或者UX。

  • 當指電子商務網站的時候也被稱作顧客體驗(CUSTOMER EXPERIENCE).它是指使用者訪問一個網站或者使用一個產品時的全部體驗。他們的印象和感覺,是否成功,是否享受,是否還想再來/使用。他們能夠忍受的問題,疑惑和BUG的程度使用者體驗是從網站整體上去衡量在內容、使用者介面(UI)、操作流程、功能設計等多個方面的使用者使用感覺。而UI僅僅是指使用者使用介面、流程。

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

  • 答案:RGB模式、CMYK模式、HSB模式、Lab顏色模式、點陣圖模式、灰度模式、索引顏色模式、雙色調模式和多通道模式,色相改變,飽和度和亮度不變,色相不變,飽和度和亮度改變,配色技巧:1、黑、白、金、銀、灰是無彩系能和一切顏色相配。
  • 與白相配時,應仔細觀察白得偏向哪種色相,如偏藍應作淡藍考慮,黃則屬淡黃
  • 有明度差的色彩更容易調和,一般有3級以上明純度差的對比色都能調和(從黑到 白共分十一級), 所以配色要拉開明度最關鍵。
  • 在不同色相的顏色中汆入相同的黑或白就容易調和。
  • 互補色(對比色可單獨使用)這種色彩之間強烈對比在高純度的情況下會引起色彩的顫動和不穩定感,在搭配中一定要處理好這種情況,不然會使得畫面衝突非常嚴重並破壞整體。但是很顯然的是,在各種色相搭配中,互補色搭配無疑是一種最突出的搭配,所以如果你想然你的作品特別引人注目,那互補色搭配或許是種最佳選擇。
  • 近似色一般這種色彩之間搭配顯得平靜而舒服。但是使用中要適當加強對比,不然可能使畫面顯得平淡。
  • 要有主色調,要麼暖色調,要麼冷色調,不要平均對待各色,這樣更容易產生美感。
  • 暖色系與黑調和,冷色系與白調和。
  • 在色環上按等間隔選擇3-4組顏色也能調和。
  • 在配色時,鮮豔明亮的色彩面積應小一點。
  • 本來不和諧的兩種顏色鑲上黑色或白色會變得和諧。
  • 與灰色組合時,明度差不要太大。13、有秩序性的色彩排列在一起比較和諧。
  • 在蒙賽爾色立體中,其縱向、橫向、斜向甚至於螺旋形排列都有秩序。
  • 有多種顏色配在一起時,必須有某一因素(色相、明度、純度)佔統領地位。

3、你所知道的手機系統平臺?

  • 答案:1、谷歌android系統,主流版本2.2

                   2、微軟WM6、WM7系統,主流版本6.5

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

                   4、Java非智慧系統

                   5、三星bada系統

                   6、蘋果IOS系統

                    7、webos系統

                    8、linux系統-(MOTO),meego(諾基亞n9,官方已放棄、)、聯想樂os、                                      miui(基於安卓系統開發的),webos(hp收購得到的os)、國產機,山寨                                機,斯凱-MTK(臺灣聯發科)。

3.例舉你所知道的手機圖示樣式?他們的區別在哪?

  • 答案:2D扁平化風格:1、剪影(單行圖示):線條和塊狀;2、2D彩色圖示(沒有擬物化效果)2D擬物化風格    3D圖示(寫實)

4.圖示統一性體現在那些方面

  • 答案:造型:規則形狀和不規則形狀
               風格:扁平化和擬物化
               顏色:大自然顏色和情感顏色
               樣式:全域性光等

5.你對扁平化的看法

  • 答案:緩解人們的審美疲勞;良好的使用者體驗;視覺上讓重點更突出;按鈕可點選區域更大;可以提高工作效率

6.iPhone的螢幕尺寸解析度圖示大小(圓角)

  • 答案:IOS 6:iPhone 1/3G/3GS3.5英寸320*480px57*57(10px)

iPhone4/4S3.5英寸640*960px114*114(20px)

iPhone54英寸640*1136px114*144(20px)

IOS 7:iPhone5S/5C4英寸640*1136px120*120(27px)

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

iPhone6 Plus5.5英寸1920*1080px

iPad 1/2 /mini 1/29.7英寸1024*768pxios6:72*72(12px)

ios7:76*76(16px)

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

iPad Air(5)/mini39.7英寸2048*1536pxios7:152*152(32px)

iPad mini7.9英寸1024*768px

7.Android的螢幕解析度

  • 答案:08年:240*320px;09年:320*480px;10年:480*800px;標準Android 4寸:480*854px;11年:640*960px;12年-13年:720*1280px;14-15年:1080*1920px

iphone一般取用640*960的尺寸設計

APP介面一般由四個元素組成,中文字型:方正黑體簡體,英文字型:Helvetica

狀態列、導航欄、主選單欄、中間的內容區

40px88px98px734px/ 5系列就是910px;

Android一般取用720*1280的尺寸設計

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

狀態列、導航欄、主選單欄、中間的內容區

50px96px96px1038px

WP設計規範

答案:480*800:電池電量條32px;頂部條空隙182px,文字黑體;底部條高度72px,剪影圖示48*48px;瓷片大小173*173px;

網頁類:


1、IE6的margin雙倍邊距bug問題

  • 例如:

             body{margin:0;}

             div{float:left;margin-left:10px;width:200px;height:200px;border:1px solid red;}

               浮動後本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline

2、firefox瀏覽器中巢狀div標籤的居中問題的解決方法

  • 假定有如下情況:
           如果要實現b在a中居中放置,一般只需用CSS設定a的text-align屬性為center。這樣的方           法在IE裡看起來一切正常;但是在Firefox中b卻會是居左的。

               解決辦法就是設定b的橫向margin為auto。例如設定b的CSS樣式為:margin: 0auto;。

3、提問:

你接到一個客戶的網站,在你設計好初稿後給客戶看,被否定了,然後次稿,又否定了,3次,4次..N次,客戶都不滿意,你怎麼辦?

  • 回答:

              1.這種事情要儘量的少發生在自己的身上,其實已經做了4/5版,你的溝通能力其實已          經讓人懷疑了,這種事情發生過兩次後,應該對你也是一個非常好的鍛鍊,所以4/5版.....,       當你有一定經驗的時候,是有辦法避免的

            2.設計前的溝通非常重要,別嫌麻煩,一定要多問客戶,把客戶的需求最大化,不需要         客戶明確的告訴你怎麼佈局,用什麼圖片和顏色,關鍵瞭解客戶在意的是什麼,再引導客         戶,幫客戶將其需求縮小,再具體化,這樣商量好後,你就能按照你引導客戶的思路去做了

           3.個人覺得,設計稿超過2版後,客戶還不滿意,就應該要主動找客戶當面談了,或者直       接去他們公司,一是讓客戶覺得你對他們的網站工作很認真,一方面很多話當面能夠說的         更清楚,更能明確瞭解客戶的真實想法

          4.真正要避免設計稿推翻重做,還是要練內功的,任何網站做好了都會有修改,但和推翻        重做絕對是2個概念,當你的設計水平慢慢上升,溝通能力越來越好,越能把握住的客戶的        想法和需求時,你會發現難道搞定的客戶越來越少了

4. Html的含義是什麼?其主體部分由什麼標記構成?

  • 【解答】

       HTML即Hyper Text Markup Language超文字標記語言,是構成網頁最基本的元素。標記       和之間的內容構成了HTML的主體部分,網頁中的所有內容,包括文字、圖形、連結以及其      他 頁面元素都包含在該標記符內。

5.標記br和p有什麼區別?

  • 【解答】

標記br和p都可以用來換行,但是二者是有區別的。
標記使當前行強行中斷而另起一行,但是新行與原來的行保持相同的屬性,即新行與原來的行屬於同一段落,而標記在換行的時候另起了一新的段落;
標記無對應的結束標記,而標記必須和配合使用,不能省略。
6、說明在網頁設計中層的作用。

  • 【解答】

網頁設計中層,也就是DIV標記,是一個區塊級的HTML標記,在該標記之間可以新增段落、表格、圖片等內容,使同一個DIV標記中的元素具有相同的樣式,並可在頁面顯示時同時出現、移動以及隱藏。

它的主要作用有以下兩點:(1)將一些標記元素組織起來,應用DIV的屬性為這些標記元素定義統一的樣式;(2)利用其z-index屬性,實現頁面內各元素的重疊顯示效果;(3)使頁面上顯示更多的特效功能。

7、母版頁的作用是什麼?

【解答】

母版頁(Master Page)的副檔名為“.master”,它相當於網頁的模板。在其他網頁中,只要引用了母版頁,母版頁的頁面就可以自動顯示出來,設計者可以修改引用的母版頁中預留的部分,其它部分保持不變,這樣就可以使多個頁面的風格保持一致,給網頁設計帶來了很大的方便。

8、Css指的是什麼?在網頁製作中為什麼要使用CSS技術?

【解答】

CSS(Cascading Style Sheets)也叫層疊樣式表,它是用來控制網頁中一個或多個元素的外觀。在網頁製作中,使用樣式表可以減少很多具有相同外觀元素的重複設定工作,從而給網頁的設計和維護帶來了很大的方便;具體應用是:改變樣式表中元素顯示樣式的定義,則在使用該樣式表的所有網頁中相應元素的顯示樣式都會自動發生改變。

9、網頁製作中有哪幾種樣式設定方法?各有何特點?

【解答】

網頁製作中有:內聯式樣式設定、直接嵌入式樣式設定和外部連結式樣式設定三種方式。

1)內聯式樣式設定:

設定方法:直接在要設定樣式的各標記元素中修改style屬性;

優點:直觀、方便;

缺點:不易於維護和修改;

適用於:網頁中個別需要修改的元素的樣式定義;

2)直接嵌入式樣式設定:

設定方法:在HTML文件的之間新增定義,部分是所有需要設定樣式的元素的屬性定義。

優點:對當前頁面內的所有元素的樣式修改、維護比較方便;

缺點:對於網站建設,要採用相同的樣式設定則比較麻煩;

適用於:單獨網頁的樣式定義;

3)外部連結式樣式設定:

設定方法:把所有樣式定義放在一個獨立的檔案中,凡是需要使用該檔案中規定樣式的網頁,只要在其與之間新增一個對該樣式檔案的連結:即可;

適用於:需要統一顯示樣式的網站建設。

10、使用者自定義的類和ID在定義和使用時有什麼區別?

【解答】

定義時,類以英文形式的句點“.”為起始標誌,ID以“#”為起始標誌;使用時,類可以在一個頁面中被多個不同的元素引用,而ID在一個頁面中只能被引用一次。

11、什麼是指令碼語言?目前流行的有哪些指令碼語言?主要區別是什麼?

【解答】

指令碼語言是一種介於HTML語言和C++、Visual Basic等程式設計語言之間的語言,它在形式和功能上可能更接近後者,但它並不是應用程式開發語言,所以語法規則沒有那麼嚴格和複雜,也無需編譯。目前流行的瀏覽器指令碼語言主要有:ECMAScript、Jscript、javascript、VBScript等。

VBScript是Visual

Basic的子集,是特意為在瀏覽器中進行工作而設計的,它不包括一些在指令碼這個範圍以外的特性,如檔案訪問和列印等等。它是基於Microsoft的Visual Basic語言。目前只有Microsoft Internet EXPlore版本3或更高的版本支援VBScript,Netscape的瀏覽器並不支援VBScript。

JScript從一組程式語言如C,

C++以及Java等之中脫離出來的,是Microsoft公司在其Internet Explore 3.0瀏覽器中開始實現的解釋性指令碼語言。Jscript來源於Netscape公司出版的JavaScript文件,但是並不具有JavaScript的全部特性。

JavaScript是基於SUN公司的JAVA語言,用於建立動態的聯機應用程式,這些程式能夠將客戶端和伺服器端的物件和資源連線在一起。Microsoft Internet Explore和Netscape

Navigator均支援JavaScript。

12、平面和網頁的區別

  • 平面是由顯示元素構成;網頁由功能模組構成;

13、你都知道哪些型別的網頁

  • 電商類、應用類、個人類、平臺類、政府類

  • 企業類:字多圖少,頁面內容不多,頁面高度一般在1-2屏,結構簡單。

  • 專題類:只有一個頁面,只介紹一款產品,圖多,字少,強調設計效果。

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

14、img和background-image什麼情況下用

  • 通常有宣傳意義的影像一定要用img標籤;通常只做修飾效果的圖片用背景圖。

15、你覺得一張完整的網頁都有哪些模組組成?入口網站與專題頁的區別?

  • 首頁頁面結構都會包括頁面標題、網站LOGO、導航欄、登入區、搜尋區、熱點推薦區、主內容區和頁尾區(如圖),其他頁面一般由頁面標題、網站LOGO、導航欄、主內容區和頁尾區等構成

16、如何理解瀏覽器相容問題?如何理解動態網頁與靜態網頁的區別?如何解決相容器的問題?

  • 瀏覽器相容性問題又被稱為網頁相容性或網站相容性問題,指網頁在各種瀏覽器上的顯示效果可能不一致而產生瀏覽器和網頁間的相容問題。因為不同瀏覽器使用核心及所支援的HTML等網頁語言標準不同;以及使用者客戶端的環境不同(如解析度不同)造成的顯示效果不能達到理想效果。

  • 瀏覽器相容問題一:不同瀏覽器的標籤預設的margin和padding不同,解決:*{margin:0;padding:0;}

  • 瀏覽器相容問題二:塊屬性標籤float後,又有橫行的margin情況下,在IE6顯示margin比設定的大。解決:在float的標籤樣式控制中加入display:inline;將其轉化為行內屬性。

  • 圖片預設有間距:使用float屬性為img佈局


17、你所知道的計算機系統?

      1.Windows系列作業系統

         由微軟公司生產;

       2.Unix類作業系統


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

        3.Linux類作業系統

         如UBUNTU,suse linux,fedora,等

        4.Mac作業系統

         由蘋果公司生產(Darwin),一般安裝於MAC電腦。

18、動態頁面跟靜態頁面的區別?分別有什麼作用?

  • 主要是看是否與資料庫發生互動,是否呼叫資料。靜態頁面主要用來宣傳和展示。動態頁面主要是使用者體驗,實現線上購買

19、HTML中定義表格的寬度用80px與80%的區別是什麼?

  • px表示畫素,%表示佔整個頁面寬度的百分比。

20、網頁製作過程中,你會考慮到哪些東西?如果跟前端溝通交流?

  • 六個維度:色彩、文字、影像、版式、規範、細節

  • 如果是單純的靜態頁面,主要是交流如何切圖,節省空間。如果需要動態效果,就需要提前交流程式設計師的水平,以及是否能實現效果。考慮相容性以及響應式佈局。

21、網頁的安全寬度

  • 網頁內容寬度必須小於或等於瀏覽器視窗寬度;在主流解析度中以較小的解析度來確定內容寬度;計算公式:用螢幕解析度-瀏覽器垂直滾動條的寬度(IE:21px;其它:20px)

22、網頁中使用的影像格式

  • GIF,JPG,PNG

23、WEB介面色彩設計常用方法

  • 主色調(面積多),出現在頁面,包括logo、導航、搜尋等區域

  • 對比色(面積少),重點的文字,價格

  • 背景色,一般白色或淺灰

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

25、CSS佈局方法與表格佈局方法相比,有哪些優勢

  • 1、頁面載入快2、降低網站流量費用3、易於修改4、視覺一致5、更易於被搜尋引擎找到

平面類:


一、設計理念方面的問題

  • (以下問題沒有標準答案,但可以在溝通的過程是瞭解對方理論方面的深淺程度):

1、你是如何理解設計工作的?

  • 設計就是玩

2、設計與繪畫藝術有什麼最本質的區別?

  • 以自我為中心(供人欣賞,滿足精神力,太過自我)與以商業為中心(傳遞市場資訊,給客戶帶來利益,吸引消費群眾,增強購買力)的區別。

3、為什麼常有人說"純藝術做的好的人大多不能同樣在商業美術有很高的成就"呢?

  • 太過自我的人在商業社會有所成就不易,很難被接受。

4、商業設計的服務物件是什麼?

  • 市場。(一是客戶,二是目標受眾)

5、商業設計的設計水平是學校裡學習來的嗎?為什麼?

  • 不是,要靠自己才能學得來,生活中學習。

6、你在學校學習的時候學過什麼樣的相關課程?

  • 瞭解一下

7、設計有沒有最好的概念?

  • 沒有最好,只有最合適

8、設計作品好壞的標準在哪裡?

  • 較高審美下的創造性,服務於商業。資訊承載和文化認同,差異化表現,構成的美學高度,服務於商業。

9、平面設計工作是如何進行?有哪些一般可行的過程?

  • 有經驗的人會有好的方法,視情況而定

10、目前國內外最時尚的平面設計理念是什麼?

  • 簡約風,美指很簡潔

11、在你所見的平面設計作品中你認為哪些國家或地區的作品令你印象深一些?為什麼?

  • 看出一個人的欣賞水平層次

12、國內你最欣賞的平面設計師有哪些?

13、國內的平面設計作品對你印象最深的是哪些?

14、你認為最成功的平面設計作品是什麼,舉一二例子說明一下?

15、國外的已開發國家的平面設計狀況是怎樣的?

16、中國的平面設計與國外的同行比較有什麼樣的優勢與不足?

優勢在於起步雖晚但機會多,不足在於觀念與創新能力

17、國內做平面設計最發達的地區有哪些?這什麼?

  • 北上廣深,與經濟發展密切相關

18、國內做平面設計工作的一般是有什麼教育背景的人員?

  • 大部分是接受過繪畫,設計教育的人員,少數例外

19、國內發達地區平面設計的一般收入狀況是怎樣的呢?

20、你曾經服務的企業你認為最得意的作品是什麼?

21、你與他人合作完成的作品中最成功的案例是什麼?

22、你如何認識品牌?設計與品牌的關係是什麼?

  • 企業經營的所有工作都是在做品牌,設計工作只是其中的一小部分

23、從學校參加工作以來你的設計思路是用語言還是用手來表達的?

24、你經歷的廣告公司有什麼樣的機構和部門?你覺得最重要的部門是什麼?

25、你覺得自己最大的長處是什麼?

26、你覺得要獲得職業上的成功需要在專業上具備什麼樣的特質及能力?

  • 敏感的感知能力,敏銳的觀察力,很好的表現力,追求完美不捨的精神

27、平面設計工作的流程是大致是怎樣的,從任務的下達到完成的一般過程?

28、在設計的過程中,你的表現客戶不滿意,反覆要改動的時候你一般是怎麼處理?你會完全按客戶的要求改動嗎?

  • 考查有沒有自信心,有沒有說能力,有沒有堅持。

29、當你的想法與客戶總監或創意總監有衝突的時候你會怎麼做?

  • 最好按上面的意思先辦,時間充足再自己做一個參與競爭,提高自己。

30、你的設計方案總是公司的同事很有信心,而客戶很難認可時你怎麼去說服客戶呢?

  • 看功夫有沒有做到家,要能站在比客戶更高的位置去幫助他們解決問題,而不是被動

31、你參與過實業公司的提案會嗎?作為平面設計人員你在會上一般會有什麼樣的發言?

32、你覺得未來設計人員的出路在哪裡?

33、你認為在做商業美術這一行來說最缺少的是什麼?你打算怎麼做?

34、在你所合作過的成功的案例是你覺得你的客戶最欣賞你的是哪一點?

35、對於媒體和廣告你有什麼樣的經驗?

36、有人說做廣告總是在為他人做嫁衣裳,你怎麼理解的?

做廣告的本質就是服務好你的物件,並且拿最好的東西出來

37、做設計方案時你會手工繪製嗎?

38、用手工繪製能不能很好地表達你想要的效果?

39、在工作中你覺得電腦是必不可少的工具嗎?

40、除了工作之外電腦對於你來說最大的作用是什麼?

  • 收集資料資訊,瞭解各行業的狀況等比較好

41、工作之餘你有走市場的習慣嗎?

42、對於最流行的設計表現形式,你是通過什麼樣的方式去了解的?

43、你有沒有獨立完成整套設計任務的能力呢?

44、在廣告公司裡你與誰溝通的最多?

45、平面設計與營銷工作是什麼樣的關係?

  • 是營銷的一部分,實際工作經驗和實際電腦操作方面的問題(可以通過以下問題了解該同志對於設計相關工作的熟悉程度):

46、在電腦平面設計過程中目前最常用的圖片處理軟體是什麼?(PS)

  • 47、你一般會在什麼軟體裡完成最後的排版?(CorelDraw/Illustrator/Packagemaker/Freehand/QuarkXpress等)

48、PC機上最常用的排版軟體是哪一個?(CorelDraw)

49、廣告公司裡做平面設計最常用的是什麼電腦?是Apple還是PC?(專業的廣告公司一般蘋果多)

50、蘋果機與PC機的作業系統是可以互換的嗎?(不能)

51、在蘋果機上最常用的排版軟體是什麼?(Packagemaker/Freehand/QuarkXpres)

52、電腦效能主要決定因素有哪些?(記憶體/CPU/硬碟/主機板的效能)

53、做三維動畫或影視製作運算速度比較快且穩定的是哪種電腦?(蘋果)

54、我們常說的翠綠如果用印刷的四色標色方法它應是什麼?(CY100)

55、M60Y100是什麼色?(桔色)

56、專色是指什麼色?(國際印刷標準組織確定的有固有色標的色)

57、專色也可以用四色印刷出來嗎?(不能,只能模擬近似)

58、沒有專色的情況下,只要有彩色圖片菲林應該是多少個色版?(4個)

59、排版最後完成之後,在交輸出公司的時候哪些是一定要檢查的?(圖片的色彩模式和文字是否轉曲等)

60、輸出菲林所用的圖片都是什麼色彩模式?(CMYK)

61、用RGB圖出菲林不會有問題吧?(會,色彩與看到的完全不同)

62、印刷品在檔案製作時一般要有多少解析度?(至少250DPI以上)

63、圖案的解析度與印刷的網線數是什麼關係?(2:1)

64、一般的海報印刷用什麼樣的紙?多少克數最常見?(157g銅版)

65、做戶外使用的海報在印刷之前政府相關部門有沒有要求審批的程式?(有)

66、PSD的圖可以在Freehand裡排版出菲林嗎?(可以排版,但最好轉TIFF發排)

67、如果圖裡帶有專色在做的時候專色在圖片處理軟體裡是什麼形式反出來的?(通道)

68、有專色的圖要存為什麼格式才能用於排版軟體?(PS DCS2)

69、噴繪檔案是用所有的軟體都可以完成嗎?(最好是PS)

70、小尺寸的噴繪檔案一般用原大的原寸做多少解析度?(至少72DPI)

71、做大型戶外噴繪的時候檔案一般做多大就可以了?(原來的尺寸,23.5DPI就可以)

72、為什麼你螢幕上見到的與列印出來的色彩差這麼遠?(因為輸出方式不同螢幕會鮮豔很多)

72、戶外車身廣告畫面製作材料是什麼?(防水防曬防紫外線的不乾膠)

73、絲印與噴繪的最主要不同點在哪裡?(一個是特種油墨的平板印刷,一個是列印)

74、什麼是孖P?(輸出時兩個P出在一個相連的版面上)

75、包裝盒最常見的材料是什麼?(卡紙印刷)

76、現在常見的印刷裝置是什麼?(德國海德堡,羅蘭日本的小森)

77、印刷質量最好的在國內是什麼地方?(深圳)

78、專色可不可以有網點的?(可以)

79、書版你首選用什麼排版?(Pagemarker等)

80、什麼叫透穿?(印刷時在上面的色彩沒有壓著它底下的色)

81、在進行圖片處理工作時還會經常用到哪些軟體來配合PS使用?(Dimension/3Dmax/ProE三維軟體,Flash/fireworks網頁製作用,Streamline轉圖形軟體等)

82、使用圖片處理軟體完成工作時的你認為最大挑戰是什麼?(修圖,調色,特效等)

84、名片的尺寸(90*54mm,上下左右各2mm出血,所以新建是94*58mm)

85、海報的尺寸(一、常見海報的尺寸:42cm × 57cm(寬×高),大度四開。57cm × 84cm(寬×高),大度對開。

商用海報尺寸,常見的是50cm × 70cm(寬×高)。57cm×84cm(寬×高),大度對開。

電影海報尺寸50cm × 70cm(寬×高)。57cm × 84cm(寬×高)。78cm × 100cm(寬×高)

招聘海報尺寸90cm × 120cm(寬×高))

86、書籍的尺寸(

(1)16K精裝書成品尺寸: 260X185mm;版心尺寸: 215X138mm;訂口對訂口:46mm;地腳對地腳:40mm;翻口對翻口:60mm


(2)16K平裝書 成品尺寸: 260X185mm;版心尺寸: 215X138mm;訂口對訂口:50mm;地腳對地腳:40mm;翻口對翻口:60mm

(3)大16K精裝書 成品尺寸:

297X210mm;版心尺寸: 245X165mm;訂口對訂口:48mm;地腳對地腳:40mm;翻口對翻口:54mm

(4)大16K平裝書 成品尺寸:

297X210mm;版心尺寸: 245X165mm;訂口對訂口:50mm;地腳對地腳:40mm;翻口對翻口:52mm

(5)32K精裝書 成品尺寸: 184X130mm;版心尺寸: 153X100mm;訂口對訂口:32mm;翻口對翻口:36mm;地腳對地腳:30mm;天頭對天頭:48mm

(6)32K平裝書 成品尺寸: 184X130mm;版心尺寸: 158X100mm;訂口對訂口:36mm;翻口對翻口:36mm;地腳對地腳:30mm;天頭對天頭:48mm

(7)大32K精裝書 成品尺寸:

204X140mm;版心尺寸: 165X107mm;訂口對訂口:34mm;翻口對翻口:42mm;地腳對地腳:38mm;天頭對天頭:52mm

(8)大32K平裝書 成品尺寸:

204X140mm;版心尺寸: 159X103mm;訂口對訂口:42mm;翻口對翻口:32mm;地腳對地腳:34mm;天頭對天頭:54mm

(9)64K精裝書 成品尺寸: 130X92mm;版心尺寸: 103X70mm;訂口對訂口:24mm;翻口對翻口:28mm;地腳對地腳:26mm;天頭對天頭:40mm

(10)64K平裝書 成品尺寸: 130X92mm;版心尺寸: 103X70mm;訂口對訂口:27mm;翻口對翻口:27mm;地腳對地腳:26mm;天頭對天頭:40mm

87、什麼是VI、OA?通過臨摹別人的作品你收穫了什麼?

VI:視覺識別

VI:以標誌、標準字、標準色為核心展開的完整的、系統的視覺表達體系。將上述的企業理念、企業文化、服務內容、企業規範等抽象概念轉換為具體符號,塑造出獨特的企業形象。在CI設計中,視覺識別設計最具傳播力和感染力,最容易被公眾接受,具有重要意義。

辦公自動化(Office Automation,簡稱OA)是將現代化辦公和計算機網路功能結合起來的一種新型的辦公方式。辦公自動化沒有統一的定義,凡是在傳統的辦公室中採用各種新技術、新機器、新裝置從事辦公業務,都屬於辦公自動化的領域。在行政機關中,大都把辦公自動化叫做電子政務,企事業單位就大都叫OA,即辦公自動化。通過實現辦公自動化,或者說實現數字化辦公,可以優化現有的管理組織結構,調整管理體制,在提高效率的基礎上,增加協同辦公能力,強化決策的一致性,最後實現提高決策效能的目的。


1、在你所見的平面設計作品中你認為哪些國家或地區的作品令你印象深一些?為什麼?


答案:美國 日本 荷蘭 泰國

2、國內你最欣賞的平面設計師有哪些?

答案:靳埭強 陳少華

3、國內的平面設計作品對你印象最深的有哪些?

抽象標誌512標誌 中國銀行 中國移動08奧運會

4、你認為最成功的平面設計作品如何衡量?舉例子說明一下?

答案:正在執行,有理念,有思想,能使企業蒸蒸日上的的標誌或者VIS

5、中國的平面設計與國外的同行業相比較有什麼樣的優勢與不足?

答案:起步晚,還處於臨摹和創新的模糊階段

6、國內做平面設計最發達的地區有哪些?為什麼?

答案:北上廣深

9、你曾經服務的企業有哪些?你個人最得意的作品有哪些?

10、你是如何理解設計工作的?

答案:不是為了設計而設計

11、設計與繪畫藝術有什麼最本質的區別?

答案:設計是一定程度上的推銷概念,繪畫藝術是再現思維,思想、社會責任感的體現。

13、商業設計的服務物件是什麼?

答案:產品和人


附掘金秋招徵文大賽連結:https://juejin.im/post/59af60acf265da24701ee7da



相關文章