如何利用網格系統科學地打造APP界面?

在視覺設計師設計一款APP的時候,最先要制定一套完善可行的設計規范,其中會詳細定義顏色、文字、圖標、結構、布局、間距等要素。但是很多設計師往往會忽視一個重要的東西,那就是網格系統的構建。網格系統可以說…

在這些因素的制約之下,才能選取出科學的配色方案

Tubik Studio :我們的日常生活中總是面臨著無盡的選擇,大量的挑戰。設計的決策也是如此,一個正確的決策會受到很多不同因素的影響,經驗,知識,事實依據,還有別人的建議等等。在進行UI設計的時候…

你設計的圖標,能順利通過圖標的可用性測試嗎?

在業務迭代周期內,產品經理和設計師對要做的產品需求和功能點進行需求分析和設計討論的過程中,有時會出現一些拿捏不定的設計細節。比如,試圖推出某個新功能時所設計的圖標,它的應用效果如何?如果你還在頭疼諸如…

UX寫作:讓UI界面為更好的用戶體驗而發聲

在過去的2年當中,設計領域一直在探討UX寫作(UX Writing)這一“新興”的設計分支。實際上,即使是對于許多專業的UX/UI 從業者而言,這個詞匯其實還是挺令人懵逼的。有些人認為這是“用戶體驗設…

APP設計中,6種常見組件的區別與用法

在APP設計中,有很多組件有著類似的功能和用法。如何正確使用這些組件?這些組件之間有什么區別?一起看看作者的解讀。 在設計iOS版和Android版的APP過程中會涉及到很多組件。不同的場景使用…

沒人帶的設計師,如何學會用自驅力幫自己成長?

蘇大牙牙牙:眾所周知,像專業知識、設計技法、設計的方法論,對于設計師來說非常重要,也是立足之本。但是,隨著工作的時間越久越發現,自驅力、工作態度、個人性格,等等的方面,同樣影響著我們的職業生涯。 …

iPhone X 適配 手Q H5頁面通用解決方案

騰訊ISUX :目前的 H5 頁面可以分為通欄頁面和非通欄頁面兩種,每種頁面都可能有底部操作欄,具體如下: 一. 通欄頁面 頂部通欄 某些業務的一級頁面多數使用了頂部通欄 banner 的效…

看起來更舒爽!Android 8.1換上全新字體

這周手機圈的熱點,被iPhone X無情的霸占著,連谷歌發布了Android 8.1預覽版這樣的大事,都幾乎無人關心,不管怎么樣這個新系統的正式版將在12月被推送。 對于Android 8.1系…

UI設計中的字體配色方法總結

王M爭: 今天來給大家分享產品設計中文字配色的一些知識點。要給文字配色,首先我們要知道你的產品(界面)中有哪些文字。在這里,我將產品中的文字主要分為以下四種:標題類、正文類、提示類和交互類。 標題類…

網易嚴選APP的品牌設計過程全揭秘

網易UEDC?– 董俊豪 :品牌設計,是品牌之間形成差異化的根本原因。它可以讓用戶明確、清晰地記住并識別品牌的個性,是驅動用戶認同、喜歡乃至愛上一個品牌的主要力量。拿保時捷汽車前車燈的設計為例,這種特…

如何將視錯覺運用到UI設計界面中?

視覺原理在當下紅火的機械視覺中是必不可少的,那么在我們日常工作的UI產品設計中又有什么可能性的呢?今天,我從「視錯覺」這個角度,探索下如何運用在UI上。 視錯覺歷史 古希臘哲學家亞里士多德的《靈魂…

用戶體驗重要一環 :App中的反饋設計

什么是反饋? 反饋就是用戶做了某項操作之后,應用系統給用戶的一個響應。這個響應根據場景的不同會有不同的響應形式和不同作用。 為什么反饋設計是用戶體驗重要的一環? 在人機交互的過程中,用戶希望看到…

如何制作統一可復用iOS/Material Design元件庫?(附源文件)

echo:文章對制作統一可復用的Axure元件庫方法進行了相關的分享,希望對你有所受用。 閱讀這篇文章你可以得到哪些? iOS和Material Design(簡稱MD)元件庫下載。 通…

微信小程序官方設計規范(附PSD+Sketch源文件)

UI妹兒(ID:UIfaner):上周,U妹剛完成了一個微信小程序項目設計,這是U妹做過的第3個小程序,早在去年小程序還未開放時,就設計了第1個小程序,在小程序正式開放后,設計了第2個,在U妹做第3個…

大產品小細節!5分鐘帶你了解經典的費茨定律

金蝶云之家體驗部交互設計師-王梓銘:大家有沒有想過為什么按鈕越大,越易于點擊 ?為什么相關按鈕需要相互靠近擺放 ?為什么 Win 系統要將「開始」按鈕放在角落 ?這些設定的背后其實都有一個在人機交互中…