首頁

10個必備的移動UI設計資源站

博博

值得慶幸的是,國外已經(jīng)有很多優(yōu)秀的移動用戶界面資源是可用的,這些先驅的寶貴資源可以大大幫助你的移動設計或開發(fā)你的響應式網(wǎng)站。相信今天要隆重推薦的10個網(wǎng)站,無論是在你設計一個新的移動應用程序還是尋找特定的設計解決方案時,他們都會踏踏實實的幫助到你。

1. Konigi

這個網(wǎng)站上展示了許多完美的交互設計和視覺設計案例,網(wǎng)站提供了許多不同的方式來引導你便捷的搜尋感興趣的項目!一定要利用好標簽喲。

iOS 9人機界面指南(二):設計策略

用心設計

本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日),由騰訊ISUX設計師翻譯整理,非發(fā)文者一人之作。譯文首發(fā)于ISUX博客,如在閱讀過程中發(fā)現(xiàn)錯誤與疏漏之處,歡迎不吝指出。

iOS 9人機界面指南(二):設計策略

80個ui設計資源網(wǎng)站

藍藍設計的小編

圖標設計及素材

筆者最常用的是

1>圖標搜索 http://www.iconfinder.com/,但是網(wǎng)絡速度有點慢,圖標是最多最全,最好找的,而且有相關聯(lián)性,用戶體驗很好。

2> 中文圖標搜索 http://www.iconpng.com/

3> http://www.fasticon.com/

4> http://dryicons.com/

5> http://www.icotrip.com/6

6> 提供搜索http://www.icones.pro/6>

7> 國外圖標http://weloveicons.com/

8> http://www.freeiconsdownload.com/

9> http://www.freeiconsweb.com/

使用大背景圖設計真的好嗎?

用心設計

俗話說,一張圖片勝于千言萬語。人類是視覺性動物,圖片更能吸引人的注意,是傳達信息的重要方式。隨著互聯(lián)網(wǎng)和顯示設備的發(fā)展,越來越多的網(wǎng)站使用引人注目的大圖片方式來吸引用戶的注意力,同時,對用戶來說也是一種視覺體驗。通常一張圖片無法傳遞全部的信息,所以很多網(wǎng)站便用類似旋轉木馬的方式輪播顯示多張圖片。

帶你深入學習VIEWPORT和PX

用心設計

屏幕尺寸:指屏幕的對角線的長度,單位是英寸,1英寸=2.54厘米。常見的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

從可用性角度重新解讀設計風格的變遷史

用心設計

鑒于早期的圖形化用戶界面中,立體效果被大肆用在所有地方,這還包含了陰影、漸變和高光等一系列的效果,其目的是為了讓用戶能第一眼就識別出行動按鍵。然而,早期的GUI把這些偽3D效果應用得太過火了,在視覺上造成了相當?shù)母蓴_,并極富侵略性。

9bph20151107

最佳比例的秘密!教你如何在設計中充分運用黃金比例

周周

what-is-golden-ratio-1

吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什么共同點?答案很簡單,它們的設計都遵循了黃金比例。作為一個常見的數(shù)學比例,黃金比例實際上是從自然界中總結并發(fā)現(xiàn)的,用于設計中的時候能賦予作品更多的設計美感,賞心悅目。那么,黃金比例到底是怎么樣的比例,它又是如何運用到設計中并提升設計作品的呢?

在移動應用上故事怎么講才有逼格?

用心設計

“ 故事也許是人類最早的敘事方法。大多數(shù)人在童年時,故事用來引導他們的行為,了解歷史文化和培養(yǎng)社會認同感?!保璅orm Wikipedia

bannner

iOS 9人機界面指南(一):UI設計基礎

用心設計

譯者注:本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日),由騰訊ISUX設計師翻譯整理,非發(fā)文者一人之作。譯文首發(fā)于ISUX博客,如在閱讀過程中發(fā)現(xiàn)錯誤與疏漏之處,歡迎不吝指出。后續(xù)章節(jié)會陸續(xù)更新,敬請期待。

91587128-6A13-4B82-9D11-5B9B1B148247

隱秘而偉大!FACEBOOK 好友圖標的設計改版背后的故事

博博

為了對稱,我將她肩膀上的缺口補上了,但是作為一個形象剪影,她的頭發(fā)太像《星球大戰(zhàn)》中黑武士的頭盔了,所以發(fā)型還需要進行一些調(diào)整。馬尾辮足夠現(xiàn)代,也非常女性化,看起來會給人年輕的感覺,但是在32像素的寬度之下,馬尾辮的效果看起來像是某種嚙齒動物。如果改成長發(fā)披肩或者其他的造型,在如此低的分辨率之下也難以準確表達、消除歧義。所以,最終我使用了一個更加爽利精致的短發(fā)形象。

更新完女性剪影之后,問題來了:舊的男性剪影似乎也有些僵硬而過時。于是,我調(diào)整了男性剪影的發(fā)型,令其更加平滑,讓肩膀的弧度更大。在更新這個圖標設計的時候,我發(fā)現(xiàn)Facebook的常常會用男性單人圖標來表示“添加好友”。這樣的設定似乎并不公平,或者說是不準確,難道所有的朋友請求都應該用男性標識來傳達么?唯一的性別圖標是不恰當?shù)模晕覝蕚淞艘唤M。

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔