標簽歸檔:UI設計

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

Tubik Studio :我們的日常生活中總是面臨著無盡的選擇,大量的挑戰。設計的決策也是如此,一個正確的決策會受到很多不同因素的影響,經驗,知識,事實依據,還有別人的建議等等。在進行UI設計的時候,配色方案的選取是需要通過合理的決策來判斷的,是使用深色系的配色比較好,還是淺色系的配色合適?

圖標設計so easy!史上最全UI設計圖標解析

UI最重要組建之一就是圖標,隨著扁平化設計的發展趨勢,越來越注重圖標的簡潔與寓意表達,平面圖標已占主導地位。 什么是圖標? 圖標正確打開方式是這樣的! ico圖標其實是icon file的縮寫形式,它是基于windows而開發的一個圖形格式,大多用于電腦,手機或其它設備中為各種文件,應用程序或快捷方式設置的一種圖形標志。想必大家看完以后會對什么ico圖標有一個初步的印象了。那么我們再來看看圖標的一些分類,各有什么區別特點?

用戶最討厭的3種界面交互設計

注意:本文中提到的設計方法在不同設計場景帶來的效果是不一樣的,并不能說是好的或不好的。 這意味著,如果你正確執行,它們都具有很大的潛力。   1.?彈窗 也許你有過這種經歷。你打開一個新的網頁,閱讀里面的內容,當你看到一半的時候,突然間彈出一個巨大的覆蓋區,要求你填寫個人電子郵件地址。在大多數情況下,你的即時反應將是關閉覆蓋層,或者關閉整個頁面。

2017 年需要警惕的設計趨勢

譯者按:本文是源自?Medium上的一篇爆款設計文章(獲得了 12.6K 的贊),UI/UX 設計師 – Eleana Gkogka 在文章中,分享了 3 個值得我們警惕的設計趨勢,并給出了具體的解決方式。同時,她也告誡我們,不要以犧牲用戶體驗為代價來追逐設計趨勢。來 Enjoy 吧!

如何更加科學地提高文本可讀性?

餓了么UED-傘哥:在日常的UI設計工作中,文本作為最重要的信息載體之一,其能否被用戶清晰識別顯得尤為重要。新手設計師在選擇字體顏色時往往找不到依據、不夠自信。本文旨在分析目前在這方面比較科學的做法,剖其緣由,希望能夠拋磚引玉,給大家帶來新的思路與思考。

全面剖析UI設計學習大方向

Hi,大家好!鯤鵬,現在UI設計行業吸引了很多童鞋紛紛進軍UI,最近很多童鞋說新手學習UI真的是很困難,請我幫助分享一些經驗,也理不清楚頭緒,所以現在就特意來給大家做一個分享,也希望能夠幫助到咱們學UI的童鞋! 學UI能夠掌握到我接下來分享的這幾個點的話,你就有一個大概的思路和方向了。

網易資深視覺設計師:詳解APP設計中的微妙細節

隨著移動優先的趨勢,APP的設計也越來越受到公司重視,不斷地提高APP的設計質量是每個設計師的追求,有哪些設計中的細節被你忽略了呢?讓我們一起來看看這些細節你都把握住了嗎。

揭秘《不一樣的UI設計師》-究竟會讓你變的怎么不一樣?

靜電說:之前在自己迷茫的時候,很喜歡聽品冠的一首叫《我應該是什么模樣》的歌。是啊,每個人在自己的成長過程中,總不可避免的經歷迷茫,彷徨,挫折,大家也都在努力,希望能成為更不一樣的自己。新書《不一樣的UI設計師》已經上市將近一個月了,大家是否在第一時間購入了呢?很多小伙伴都有個疑問,那就是:《不一樣的UI設計師》到底哪里不一樣,這本書里有哪些我需要學習的內容呢?那么今天靜電來跟大家聊聊。   01\不一樣的工具-基礎中的基礎   近幾年Sketch及一些新的設計工具的流行不是沒理由的,大家都反應,Sketch做UI設計快,很快,很容易上手。但其中的一些小問題卻不斷,這次靜電在《不一樣的UI設計師》中總結了大家在工作工程中常見的問題以及解決方法給大家,比如:   Sketch如何轉PSD文檔? Sketch導出的圖片為什么顏色看起來有點不一樣? Sketch導出的圖虛? 如何看待Sketch與Photoshop?如何選擇?   其實,這就是我反復在教學過程中強調的-設計師的技術活。如果你不了解它們的原理,那么再怎么做也無法提升?!恫灰粯拥腢I設計師》希望從這些領域給你一些啟發。另外,我們也在書中為大家介紹了除了Sketch之外的多款工具,如Keynote,Flinto的用法。         02\設計也有套路?對!思維! 設計是一個思考的過程,請注意,過程大于結果。因此,我反復強調設計的呈現,是可以通過某些方法“推導”出來的,而不是拍腦袋拍出來的。商業設計師更應該有這方面的覺悟?,F在,越來越多的設計師會注重綜合素質的提升,這些綜合素質不僅僅是工具使用的6不6,還有更多秘而不傳的軟實力。比如:   有人問,你的設計稿為什么做成這樣? 你是否了解自己的用戶和設計的最終目標? 除了吐槽PM不懂設計,設計師如何做到有理有據? 設計(師)的價值到底在哪里?   是的,只有你提供的設計,提供的服務為客戶,為公司產生了價值,你才能成為一個有價值的設計師。從現在就開始不斷的問問自己:為什么要這樣做,而不是那樣做?   讓靜電來告訴你:“Why?”而非”How”   設計規范有啥用?做出來如何執行? 看看靜電親身的工作經驗所總結出的體系         03\十幾個原創高保真原型案例   當別的設計師都在做各種靜態的Mockup,各種靜態的設計稿,而你將設計稿做成可以直接在手機上展示的APP,那你可能就比另一些人更容易獲得贊同和支持。靜電在《不一樣的UI設計師》中,為大家帶來了新銳高保真原型設計工具Flinto的十幾個原創實例,可別小看這個絕密武器。因為經過靜電的親身驗證,Flinto現在已經足夠足夠的好用。   當然,在研究這些之前,我們需要了解動效的原理,讓靜電來教你一步步的了解如何解讀網絡中眼花繚亂的動效曲線吧。簡單易學,一看就會哈。   … 繼續閱讀

空心圖標是否比實心圖標難以識別?

在 UI設計中,空心圖標和實心圖標應該在什么場景下使用?有人說,空心圖標在視覺上比實心圖標看起來更復雜,實心圖標比空心圖標識別度更高。 對此,設計師們各抒己見,一部分人表示贊同,認為空心圖標使用線形描繪,相對實心圖標更難識別,但能給人輕松、精致的感覺。而另一種觀點認為,圖標識別度的高低并不取決于實心空心,而是取決于圖形、顏色等其他因素。

UI設計中的文字

文字是UI設計中一個重要的組成元素,文字使用的好壞會極大影響產品的用戶體驗。想象一下用戶打開你的app,發現界面中的文字都是同一個字體,同樣大的字號,連顏色都是一樣的。這樣的文字搭配用戶讀起來會很累,費時費力。用不了多久他們就可能會卸載你的產品,轉而使用另一個界面設計更加友好,文字搭配更加合理的產app。

UI設計中插畫那些事

在互聯網產品剛剛興起的階段,app設計非常簡陋甚至直接就是網頁端的另一種打開方式,用戶對app的期望也不高,只需要看懂即可。但是隨著手機與人們生活聯系日益緊密,如今我們清晨醒來,做的第一件事情就是打開手機,或是晚上讓手機伴我們入眠。手機不僅僅是工具,它開始變成了我們身體的一部分,或者說是身體的延伸。

IOS 10 VS 11:一份全面深入的UI對比分析報告

WWDC 2017 Keynote 結束沒幾天,相信很多對 UI 設計有興趣的朋友應該很好奇?iOS 11?詳細的設計變動有哪些,但是自己的手機又不方便裝開發者版本,所以就讓我替各位踩雷吧。 兩個版本分別是?iOS 10.3,以及?iOS 11?beta 1,而由于后者尚未正式推出,因此某些設計有問題的地方,Apple 可能會在后續版本變動或修正,不過整體來說應該不會有大改變了。

干貨!UI初學者如何避免入坑

UI設計涉及的內容非常廣泛,包括PC端界面設計,移動端APP界面設計,甚至游戲,原畫等。對于初學UI設計的人而言,可能對UI具體是做什么,或者自己是否能順利轉行勝任這樣的崗位存在一定的顧慮,我們如何一步步將這些學好今天我將給大家一一指出。

ColorSupply:扁平化UI設計配色方案推薦

如何挑選顏色一直困擾著很多UI設計師,特別是對于新手來說,配色是一個很困難的問題,那怎么辦?答案就是——直接用大神的配色。 ColorSupply?收集了來自世界各地設計師的色彩搭配方案,不僅如此,它還按照五大配色方案來分類,這樣更加方便設計師們選擇顏色了!同時這些配色非常適合扁平化設計使用,比如圖標或者矢量插畫。

5個實戰經驗,帶設計新手走出迷茫期

其實菜心和大家一樣都經歷過階段性迷茫,但我可以把自己經歷的一些淺薄經驗分享給大家,希望能有所啟發。 經歷的過程如下: 想學的太多 學會放棄 找好定位 不斷細分 堅持與突破 回報會有的