UI設計教程

隨著非標住宿的興起，近年來民宿越來越受到中國旅游出行用戶的青睞，各類專注民宿預訂的平臺也雨后春筍般的涌現。今年以來攜程在民宿的產品和UI設計上投入了大量資源...

搜索幾乎是現在所有網站，APP甚至操作系統的標配，不論是電商還是論壇等等。它是一個站內給用戶直接到達目的地的通道，起到了一個引導用戶走向的重要作用。在不同的系...

結合之前在網上看到的一些東西，細細琢磨了一下，網上關于后臺產品的文章相比于其他的類別而言，文章真的是少的可憐。便有了自己寫一篇的想法，本文主要包含以下幾個...

作為UI設計師，過完稿和開發對接時，需要標注設計稿和切圖，把標注切圖文件給到開發。這個時候就犯難了，那么多尺寸怎么切圖，iPhone就有8個版本，更別提安卓那一堆尺...

避免過度簡化，構造合理的對比度，在整體上節奏清晰的體現產品的信息層次及功能架構，在細節當中打磨清晰性、易讀與易用性，真正以“產品體驗”而非“視覺風格”為主...

下面分享5個UI設計師專用的靈感網站，參考別人設計時，不僅可以保證不犯低級錯誤，還可以從別人的設計中激發自己的靈感。下面這幾個網站是收集是收集design patterns...

近來，一些創新設計的先驅將“簡約設計”帶到了新的階段。Facebook, Airbnb 和 Apple 都 都遵循一種相似的“界面簡化”的設計風格來凸出產品的內容，這種設計影...

學習UI設計的時候，經常要接觸到頁面的布局，布局的方式會直接影響一個APP的視覺效果，好的布局方式，往往能帶來舒服的視覺效果，更能得到用戶的接受與好評。然而萬變...

交互設計能夠決定一個產品的成敗，所以設計好它非常重要。下面分享22個UI UX細節作品，參考優秀UX設計師作品，能夠讓你更快的提升自己。

“極簡設計”被推向了一個新高度，Facebook、Airbnb和Apple都遵循著近似的原則，簡化它們的核心產品，這種“化繁為簡”（Complexion Reduction）的新趨勢就在它們的...

對于移動應用程序開發人員和設計師來說，通過動感的 GIF 動畫展示手機應用程序的概念很容易讓人明白。所以下面分享20個創意的移動界面動畫效果案例。

無論你所設計的APP是哪種類型，設計上的錯誤一旦被采用，會對產品導致致命的結果。用戶始終希望他們所下載的應用是有趣而好用的，希望它美觀，同時能提供優秀的交互體...

淘寶和亞馬遜的首頁差別為什么那么大？簡約至上的法則為什么在國內不吃香？今天谷歌的UX設計師@Hiyori 從一個特別的角度來分析背后的深層次原因，一起來瞧瞧。

在進入正題之前，有一點我要先聲明一下，接下來我要分析的 UI 動效都是出自非常牛逼的大神之手。我非常尊敬他們和他們的作品，他們非常樂意分享他們的經驗和未完成...

了解字體設計的基礎術語非常重要，這些術語在介紹字體設計的相關文章中經常出現。比如 x-height（X字高）指的是從字母的基準線開始往上到最矮字母的頂端的距離，當X...

規范首頁設計上配色清爽、排版簡潔、內容上分類清晰，甚得我心（相比于IBM龐大的結構復雜的沒漢化的設計規范，真的是業界良心）；

UX 設計師主要關注用戶對產品的體驗感受，確保產品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個人眼里有一千個哈姆雷特，一個設計問題往往也沒有唯一解...

無論是App的分屏，還是網頁瀏覽器或者智能手表的界面，設計都是消費者購買它們的最關鍵因素之一。從扁平化設計到谷歌的Meterial design，我分析了設計的流行趨勢，并...

今天我們分享設計靈感來自設計師Gleb Kuznetsov的一些UI設計作品，作品均從作者的Dribbble個人主頁里選取，大部分界面設計非常漂亮，主要以APP UI和后臺管理界面為...

UI 中國前身是創建于 2008 年、為交互設計師打造的專業論壇 Iconfans，前期以邀請制的方式聚集了一批優質的業內種子用戶。2014 年 5 月后，Iconfans 正式更名...

iOS和Android的區別，想了很久，也沒想出特別多，這兩個系統有些東西越來越通用（設計上來說），尤其是Android上，可以實現所有的效果，當然有些看上去iOS很像。長得...

在Material Design（介于擬物與扁平之間的谷歌新設計理念）上谷歌一直野心勃勃，想要為交互體驗書寫新的行規。第一個體現這種全新設計的就是最新版的安卓系統：Lolli...

科技進步的越快，人們總想去創造一些更超前的東西，重要的用戶界面UI設計開始受到了忽略，但畢竟它才是使用者與產品交互間的橋梁。但好在還有微軟、谷歌，在過去的一...

自Behance悄無聲息地創立以來，個人作品（案例研究）獲得了長足的發展。現在，如果你想獲得專業同行的認可，單憑幾個瀏覽器截圖和一段介紹語是遠遠不夠了。在過去幾年...

一套完整的UI設計其實是比較復雜的，從需求分析到市場定位，從草稿到擬方案，從創意元素的組合到想法沉淀，從設計規范到突破傳統，從紙上到電腦上，從個人到團隊，或...

這有一個推薦清單，列出了那些你在搭建windows phone應用時應該考慮的事情。此清單并不詳盡，僅做參考。這篇文章是參考了多處資源整理而來，大多來自WPDPS (windows...

評價一款界面設計時，設計師的眼里，視覺美感是第一位的，但在產品經理和程序員那邊，好用才是王道。究竟好看好用哪個重要，爭吵無休無止。不過如果設計師掌握了界面...

如果你對UI、圖標感興趣，卻又不知道怎么開始怎么下手，那么希望這篇文章可以幫到你。臨摹、抄襲，注定是一個受到爭議的話題，老牛從自身經歷的那段臨摹的日子，來給...

友好的用戶界面，可以實現用戶與網站或者軟件之間更好的交互，讓軟件的操作變得更加舒適、更加人性化。可以毫不夸張的說，UI決定了互聯網創業的成敗。那么，要如何才...

嘗試在內容條目中呈現狀態信息。例如，郵件列表中可以展示已讀或未讀，發票列表中可以展示已支付或未支付等等。讓用戶了解內容條目所處的特定狀態，這也是一種信息反...

關于提升頁面易用性及轉化率。本文帶來的建議和觀點，較適用于Web服務和移動應用的Landing頁面。我們可以看到越來越多這樣的頁面，有些相當出彩，市面上也有不少相關...

作為工作繁忙的設計師，我們一直追求高效、敏捷地完成設計任務，那究竟要如何提升UI設計效率呢?本文將從軟件、習慣、技巧等三個方面來闡述筆者的一些心得總結。

瀏覽網站時，我們很常看到琳瑯滿目的元素或特色，但它們的功能毫無二致，而相似的選項太多，只會提高讓使用者無所適從。倘若發現自己的網站內有以不同型式重復相同功...

產品功能多并不是好事，臃腫的功能會讓產品本身的定位和識別度變得稀疏，同時帶來的是在視覺和心理上的壓力。也會讓產品顯得沒有深度，感覺像是一下子就略過了前戲進...

今日小編偶然發現一篇界面設計師Joshua Porter博客當中的一篇文章——《Principles of User Interface Design》，文章中列舉了20大UI設計原則，看完之后，覺得挺...

什么是包容性設計？英國標準協會（2005）將包容性設計定義為“主流產品或服務的設計能為盡可能多的人群所方便使用……無需特別的適應或特殊的設計”。當然有人會說，...

來自美國TNW的設計編輯Harrison Weber 為我們帶來了15大優秀的移動UI設計，或許可以激發很多設計師的創作靈感。但是有必要提一下的是，UI設計和實際的用戶體驗是兩...

好的Logo可以直接代表了網站的靈魂，甚至延伸致產品、文化、精神、理念等，好的Logo也刻畫出作者的風范，甚至能體現出蘊藏在作者心中的寄托和心血。

網頁Banner設計在這里起到了至關重要的作用，特別是首頁的Banner，直接決定了用戶的停留，下面讓我們通過大量優秀的案例進入Banner，走進大師們的靈感世界。

用戶界面和用戶體驗（UI/UX）是任何產品成敗的關鍵，本文分析了15個不同的UI/UX案例，優秀的用戶體驗給我們帶來的啟發是無價的。