追波設計網站

1、很難的UI設計面試題

1. 總體的樣式

從 iOS7 以後，Apple 就一直在採用扁平化的設計模式，去除了所有不必要的紋理和陰影等效果——和早些年間的版本完全不同。Google 的新 MD 設計規范有了一些更加細節的規定，通過一種叫「紙片」的方法來創造更多的層級關系。

2. 實體按鈕

Android 有一個返回按鈕，點擊它可以返回上一個屏幕。

iPhone 上則沒有這樣一個按鈕，所以需要有一種方式能夠讓用戶回到先前的屏幕。通常的解決方案是在屏幕的左上角放置一個返回鍵。

3. 通用元素

兩種平台之間的確存在著一些通用的元素，比如說狀態欄和標題欄，它們會出現在每一屏的頂部。你不應當改變導航欄的高度，如果你想讓 App 看起來更加原生的話。所以，我推薦你在設計的第一頁就定義好標題欄的樣式，然後在其他的屏幕上使用一個佔位的方框來替代，這樣能省下不少時間，但是你應當向程序員說明標題欄在不同的屏幕上都是一樣的樣式。

不同平台上的導航欄有一定的差別。在 Android 上文本是左對齊的，然而 iOS 上是居中對齊的。在 iOS 上，很多企業都用它們的 logo 來替換首頁標題欄中的文字，但是在 Android 設備上這不是一個好的主意。狀態欄(顯示你的網路、電量和時間信息)是系統組件，你不需要考慮設計它，只要確保它們不會對他人造成誤解就好了。

4. 導航

或許iOS 和 Android 平台之間最大的區別就在於他們的導航樣式了。Android 上最主要的導航方式是抽屜菜單，Android 用戶們通常在這個菜單內進行跳轉。而且在整個 App 中，這種體驗是一貫的。Apple 的導航樣式更傾向於 tab bar，它位於屏幕的底部，並且以一種很簡單的方式實現上部內容的切換。當你設計 App 的結構的時候，你可以為不同的平台設計不同的導航樣式。

5. 要不要用卡片式

在 UI 設計中，卡片正逐漸成為一種主要的 UI 設計樣式，它們可以應付多種情況，而且給用戶提供了一種能夠呈現有效內容的便捷方式。視覺上，卡片非常適應於 Android 的 Material Design(它事實上源自於紙張的靈感)。使用陰影和卡片之間的合理間距能夠創建一種自然的外觀。

在 iOS 上，使用卡片設計需要更加的小心謹慎，盡管一些大型的 App，諸如 Facebook 和 pinterest 的確使用了一種略微偏離 iOS 視覺規范的設計風格。Instagram 使用了一種完全扁平化的設計風格，盡管從結構的觀點上看，用戶的每一條推送都能被視為是一張卡片，instagram 的設計很值得你去花時間揣摩，它是如何遵循 iOS 視覺規范的。如果你要在 iOS 平台上應用陰影，你最好小心謹慎，盡量使得這些陰影不是那麼的明顯。

6. 排版

iOS 系統上的默認字體是 Helvetica Neue，在 Android 上則是 Roboto。盡管這兩種字體在外觀上有顯著的差異，但是這兩個字體的尺寸卻是近乎相同的。如果你想要在設計的時候節省時間，那麼用一款字體就可以，但是要和開發人員溝通在不同的平台上使用對應的字體。而在設計重要的布局結構和使用大號字體時，我建議你還是同時用這兩種字體測試效果。

如果你想要精益求精，那麼你就要對不同平台上的設計規范更加註意。比如如下幾條：

Android 的 MD 設計需要用到更多的空格來進行布局

在 MD 中字體大小的變化會更加多樣

在 iOS 上，字體沒那麼多大小差異，但是在字體重量上(Font weight)有更多的變化，同樣允許你創建主次結構

兩個平台都使用比較細的字體來現實正文內容，然而，在下面的例子中，Android 使用了輕(Lighr)和常規(Regular)字體，而 iOS 使用了粗體(Bold)和常規字體

這是一個非常簡單的例子，向你展示了排版方面的一些細微的不同可以導致印象上的巨大差異——你能很快分辨你是在用 Android 手機還是在用 iPhone!

7. 網格和觸摸元件

iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有對可觸摸元件的設計規范。MD 規范同樣建議對所有元素使用 8dp 網格對齊。

在最近的項目上，我發現遵守 Android 的這些設計規范會更加安全，因為大一些的 48px 的按鈕在兩個平台上都表現良好，而且 MD 的規范更加全面，還經常更新。不管怎麼說，你都應該在設計中使用網格，但是我們發現定義更加明確的 Android 網格會更好用一些。

8. 按鈕樣式

這里是 MD 下定義的幾個按鈕類型：

浮動動作按鈕(Floating action buttons)：最傳統的有邊框的按鈕，陰影厚重明顯，將它們從頁面上分離出來。它們僅應當被用於背景，或者謹慎地在卡片上使用，不應當在警告框或者彈出框上使用，因為使用這種按鈕，就會創建一層視覺深度。這種按鈕的填充顏色一般使用 App 的主色，而下一種按鈕，通常使用輔助的顏色。

扁平化按鈕(Flat buttons)： 通常文本使用 App 的主色，沒有邊框，它們通常使用間距和大寫字母來強調不同內容之間的分離關系。

和 MD 相比較，iOS App 在外觀上是完全扁平化的，沒有層級深度和陰影。主要按鈕有填充顏色，次級按鈕反轉顏色，也就是說，有著主色的邊框和文字。這種方案有時候會受到一定的限制，特別將它是用於標簽欄等元素的時候。要用好這種設計模式，你必須對不同的顏色在你的 App 中分別代表什麼有一個清晰的概念。

9. 動作表單

動作表單(Action sheets)允許用戶在多項操作中進行選擇。比如，當我點擊(或者長按)我想要分享、上傳、復制或者刪除的圖片時。

iOS 和 Android 用近乎相同的方式解決這種問題。首先，動作表單都是出現在屏幕的地步，然後在主要內容上罩上一層陰影。然而，它們在創造不同的深度和其他細節方面有著一些不同。

Android 在動作表單上加了一層厚重的陰影，表明它是脫離於原先的內容的。

iOS 的動作表單沒有陰影，僅僅是在原先的背景上防止了一個有一定透明度的灰色圖案。

下拉按鈕

只存在於 Android 上，它允許用戶快速選擇功能。然而，記住，這並不是 iOS 原生的控制項之一。在下面的例子中，用戶點擊 profile，然後彈出了一個下拉菜單，提供了幾個選項。

特殊數據輸入

像特定的一些數據的輸入，比如日期和時間，Android 現在有了原生的對話框，雖然它們看起來像是警告彈出框，一個例子是日歷輸入。iOS 使用完全不同的方式解決這個問題，它會在屏幕的底部彈出一個轉輪讓用戶進行選擇。在設計這些東西的時候要小心，並且和開發人員做好溝通。

10. 分類控制

分類控制允許用戶以一種簡單的方式在不同內容之間進行跳轉。在不同的平台上，該控制項的使用方式是完全相同的，但是在視覺上有著顯著差異，因此要注意使用正確的形式。在 iOS 上，分類控制控制項的外觀很像我們剛才提到的按鈕。而在 Android 上，通過間距來展現它們的分離關系，同時用下劃線來標明目前所處的位置。

11. 彈出框

正確地處理這一類型的控制項十分重要，因為他們也許會涉及到一些很重要的操作，例如注冊，確認條款，甚至是確認支付。我們需要讓他們看起來是原生的，以便產生一種安全感和信任感。

Android 的警告框使用的按鈕樣式，就是我們先前提到過的扁平按鈕，你可以在 MD 說明文檔中找到它們應有的尺寸。動作按鈕位於卡片的右半部分。實際上，所謂的按鈕其實就是一個文本。它們使用大寫字母將它們和其他內容區別開，並且使用 App 的主色。

12. icon

icon 設計是在 UI 設計中的一個比較特殊的領域。不管你是使用免費的 icon，和專門的 icon 設計師合作，還是自己設計 icon，不同的平台上對 icon 都有特別的樣式要求。iOS 平台更偏好線形 icon，Android 上的 icon 的描邊則更加地粗壯，或者乾脆就用填充的 icon。這里是兩個平台上的 icon 對比，你也可以點擊這里的鏈接查看 iOS 和 Android 下的 icon 設計規范。

13. 麵包菜單、載入圖片

不幸的數字 13(註：最後的晚餐的在場人數)。通常來說，警告框和表示載入的圖標留給開發者做決定。你或許已經經歷過彈出框和警告框的設計和 App 的其他部分樣式完全脫節的情況。那是因為通常 iOS 和 Android 平台都有對這些情況的默認的處理方案，但是你也可以利用你的方案進行替代。在這里，讓你的設計能被真實還原的最好的方式就是和開發人員多進行溝通。

14. 通用 UI 控制

復選框，單選框和輸入框，以及開關都是應該有著原生感覺的控制項。像警告框和對話框一樣，這些控制項保持默認樣式的話能夠給用戶帶來熟悉感和信任感。盡可能多地使用原生控制項，用戶自然知道如何使用他們，並且在涉及到敏感信息和支付事宜的時候能夠更信任你的 App。

在下面的例子中，我們可以看到兩個平台上的差異其實是很小的，小到你在設計的時候可以忽略這些差異，用其中一種形式設計，但是不要忽略細節上的差異所帶來的原生的感覺。使用你的 UI 庫，並且在開發的早期和開發人員做好說明。

引用自：CSDN，粉絲轉載

2、平面設計師怎麼能提升知名度？

你好，從你的問題來看，我覺得你已經是一個平面設計師了。提高知名度可以通過在設內計平台上發容表自己的作品來提升知名度，比較有影響力的網站有追波網（國內外設計師都有上傳，要求比較高），國內有站酷網和ui中國，這兩個網站也不錯，也有好多大牛在裡面，總之，提升知名度，除了設計作品質量過硬，好酒不怕巷子深，再有就是學新東西，多更新作品，受到更多人的注意。
希望可以幫到你

3、有哪些比較好的網頁設計網站的網址?

你可以用大師助手，他們有200個設計網站推薦，比較全，也是朋友推薦的，你可以試試

4、ui設計師怎樣提高自身的設計能力

一、時刻有危機感
對於專業的UI設計師而言，行業內的競爭也是相當激烈的，每年都會有相當一部分新人進入這個行業，其中不乏具備頂尖專業技能或者設計天賦超群的大神。因此UI設計師需要保持極度的危機感，敦促自己不斷學習和進步。
二、合理利用資源
在這個信息爆炸的年代，只要你學會合理的利用資源，就能保持對設計趨勢的敏感度。同時，也要學會去過濾一些過分炫技的設計，不要為了追求視覺上的沖擊而犧牲設計的合理性。
三、學習新的東西
保持自己的對互聯網新鮮事物的好奇心，這樣能保證我們接觸到最前沿的東西，讓你做設計決策的時候有更寬的思考。不斷看新的設計新聞，了解新的工具和新鮮的設計資源，培養自己定期學習新技能的計劃。
四、熟讀最新規范
做設計一定要去看設計規范，看完一份規范帶來的提升是十分明顯的。好的規范里會清楚的闡述一些這個平台的設計師對優秀設計的探索，並把探索的結果用最通俗易懂的方式來告訴讀者。

5、沒有經驗，如何成為 UI / 交互設計師？

真正的 UI / 交互 專業應該掌握的技能

1. 用戶研究和需求分析
將傳統的市場研究、設計研究方法和信息產品結合起來，使用新的技術和方法，研究用戶，發現需求。

2. 數據分析
信息產品和傳統產品的設計有一個重要差別，是能夠獲取用戶。現在在互聯網公司中，數據分析非常重要，例如用戶留存率、日活、漏洞等等。

3. 產品功能和概念設計
信息產品的功能和概念設計，需求文檔的撰寫等等。

4. 交互設計（內容較多，可能需要分成初級、中級和高級階段）
基本內容包括交互設計的原理和原則、線框圖，以及如何寫文檔等等。

5. 視覺設計（內容較多，可能需要分成初級、中級和高級階段）
視覺界面設計的原理和原則，構成、色彩、圖標等等。

6. 原型技術
各種製作和開發原型的技術。偏前端的技術有：HTML、CSS、JavaScript 等。軟體工具有 Principle 等。

7. 產品運營基礎
用戶運營、活動運營等。在未來的 3-5 年時間里，運營是整個互聯網產品中非常重要的工作。

8. 媒體與傳播
和信息產品有關的媒體與傳播。比如：如何在微信里生產一篇具有傳播力的文章等等。

9. 技術基礎
有技術的 sense，可以跟技術人員做一個很好的對接。比如能夠寫一些基本的代碼，或者掌握一些基礎的技術概念等。

10. 領域與行業的設計研究
游戲、金融、教育、電商等行業的設計都有其相應的特點。

對照一下就會發現，目前沒有多少高校的專業課程能夠完整覆蓋這些方面。也就是說，其實大家的起跑線彼此差得並不遠。無論是在學校里學，還是自己學，都應該逐漸地掌握這些內容。

當我們決定要不要學 UI / 交互的時候，不必太過考慮自己所學的專業與其結合得是否緊密、能不能轉等等，而關鍵是看，你未來是否對這個領域有長期的興趣，以及要弄清楚自己如何能夠學好。

什麼樣的人適合學習 UI / 交互？

學習 UI 設計
首先需要具備有潛力的審美能力。能夠判斷哪些是美的，哪些不是美的，從而尋找出美的最大公約數。這就要求我們能夠長期熏陶自己，逐步提升自己的審美能力。
其次需要能夠靜下心來長期修煉。因為 UI 的水平提升需要長期訓練，太急功近利的人很難長期堅持。UI 設計是一個相對需要吃苦耐勞的活兒，不僅需要你付出時間和精力，而且在往上提升的時候會不斷地遇到瓶頸，最後只有堅持下來的人才能夠跨越這些瓶頸。
第三，注重細節或經過訓練後會注重細節。剛開始做設計時就太「糙」的人，往往難以持續提升。
最後，會手繪與否不是硬性標准。會了更好，不會也沒有關鍵影響。即使沒有美術的基礎，也可以在學習 UI 的過程中習得。

學習交互設計
首先需要具備有潛力的邏輯思維能力。思維能夠發散，也能夠收斂。而對於思維過於跳躍、難以進行系統性分析的人，會不太適合。
其次，能夠持續學習專業知識和業務知識。專業知識指與交互相關的技能；業務知識指不同領域（教育、金融、社交等）的知識。
第三，能夠順暢地和人溝通。因為交互設計師往往要和很多職能 / 角色對接起來。
最後，會技術與否不是硬性標准。不需要能夠獨立寫代碼、做程序開發，但需要增強自己的技術感，比如了解新的技術趨勢、常用的技術平台、一些技術可行性的空間等等，對於這些東西要有一個基本的感知。

UI、交互共有的要求
第一，對於科技產品和新生事物要有興趣。作為專業的互聯網人，需要更多地了解各種互聯網的產品。喜歡守舊、能用就好的人是不太適合的。
第二，學習能力要強。互聯網這個行業不斷地有新事物出現。
第三，積極主動。因為互聯網尚屬新興產業，大家都在前進，所以消極的人很難跟得上。但好的一點是，因為這個行業的快速發展，所以在這個行業里你也可以得到快速成長。 來自職Q用戶：馬先生

6、設計類的學生一般去哪些相關的網站，求推薦？主要是UI設計和平面設計。

ui中國
站酷
優設
68design
昵圖網
開課吧
等等都可以，也可以關注一些國外的網站

7、平面設計三十五歲以後招平面設計師嗎

可以抄的，學習平面設計襲與年齡無關，只要能靜下心來，循序漸進由潛入深的進行學習就好了。平面設計最重要是要有創意，對設計有自己的想法。做自己真正喜歡的事才是最快樂的，年齡不是問題，設計的路很長。
1、這行需要的就是經驗，做的越久越值錢，就是需要我們自己不斷的進行積累和創造。設計軟體的更新速度是很快，但是經驗，理念和協調性是新人遠遠趕不上的。
2、如果怕自己老了，做不動了，學不動了。那更沒有必要，想那麼多老年人還天天學書法，談琴唱戲，任何工作都和年齡沒有關系，做的好什麼都行。

8、UI技術分享 如何提高自己的設計視野

想要復如何提高自己的設計視野，制我之前從源碼時代的UI設計老師的演講中，學到了2個不同階段的看想做方法，可以分享一下。

第一階段：

看：瘋狂的看，利用花瓣，Pinterest，站酷，追波，看各種優秀的設計，提高審美水平。（審美是非常非常重要的，如果不知道什麼是好的設計，怎麼可能做得出好的設計呢？）

想：看到好的設計，多問為什麼，為什麼這么設計，思考創作技法，模式，原因

做：看基礎實例教程（遇到問題百度，大問題分解成小問題，一步一步解決）

第二階段：

看：擴大關注的范圍，UI，工業，web，建築，凡是美之事，皆熱愛

想：設計常用模式：借鑒、改進、組合（結合一些常用的設計理論，柵格理論，格式塔原理等等）

做：Redesign，參賽（參加實際的或者虛擬的項目）

9、哪個平台可以展示設計師作品？

將你自己的創意作品上傳到忽米網就可以了，忽米網的平台對作品很有保障，而且還幫助銷售

10、國外除了behance，pinterest還有什麼好的設計網站不

behance，pinterest 還不夠你看的啊？追波網呢？你的心真大，我只用花瓣、站酷就夠了……