用心設計
黃金比例是一個比較特殊的數(shù)學比例,通常我們會用線段分割來解釋這個比例:把一條線段分割為兩部分,較短部分與較長部分長度之比等于較長部分與整體長度之比,其比值是一個無理數(shù),取其前三位數(shù)字的近似值是0.618。
博博
值得慶幸的是,國外已經(jīng)有很多優(yōu)秀的移動用戶界面資源是可用的,這些先驅的寶貴資源可以大大幫助你的移動設計或開發(fā)你的響應式網(wǎng)站。相信今天要隆重推薦的10個網(wǎng)站,無論是在你設計一個新的移動應用程序還是尋找特定的設計解決方案時,他們都會踏踏實實的幫助到你。
1. Konigi
這個網(wǎng)站上展示了許多完美的交互設計和視覺設計案例,網(wǎng)站提供了許多不同的方式來引導你便捷的搜尋感興趣的項目!一定要利用好標簽喲。
本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日),由騰訊ISUX設計師翻譯整理,非發(fā)文者一人之作。譯文首發(fā)于ISUX博客,如在閱讀過程中發(fā)現(xiàn)錯誤與疏漏之處,歡迎不吝指出。
藍藍設計的小編
圖標設計及素材
筆者最常用的是
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)站便用類似旋轉木馬的方式輪播顯示多張圖片。
屏幕尺寸:指屏幕的對角線的長度,單位是英寸,1英寸=2.54厘米。常見的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。
鑒于早期的圖形化用戶界面中,立體效果被大肆用在所有地方,這還包含了陰影、漸變和高光等一系列的效果,其目的是為了讓用戶能第一眼就識別出行動按鍵。然而,早期的GUI把這些偽3D效果應用得太過火了,在視覺上造成了相當?shù)母蓴_,并極富侵略性。
周周
吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什么共同點?答案很簡單,它們的設計都遵循了黃金比例。作為一個常見的數(shù)學比例,黃金比例實際上是從自然界中總結并發(fā)現(xiàn)的,用于設計中的時候能賦予作品更多的設計美感,賞心悅目。那么,黃金比例到底是怎么樣的比例,它又是如何運用到設計中并提升設計作品的呢?
“ 故事也許是人類最早的敘事方法。大多數(shù)人在童年時,故事用來引導他們的行為,了解歷史文化和培養(yǎng)社會認同感?!保璅orm Wikipedia
譯者注:本文譯自蘋果官方人機界面指南 iOS Human Interface Guidelines (2015年10 月21日),由騰訊ISUX設計師翻譯整理,非發(fā)文者一人之作。譯文首發(fā)于ISUX博客,如在閱讀過程中發(fā)現(xiàn)錯誤與疏漏之處,歡迎不吝指出。后續(xù)章節(jié)會陸續(xù)更新,敬請期待。
藍藍設計的小編 http://fmbyxs.cn