藍藍注:此文有些圖片沒有顯示全, 下載此文及圖片請點http://91whvog3.cn/what%20to%20do%20APP%20ui%20design.docx
用戶在面對移動應用時,心態有三大特征:第一是微任務,我不會拿手機寫一篇論,不會從頭到尾看一部電影,使用是隨時隨地的;第二是查看周遭,也就是我所處的環境。我可能會打開手機,看有什么好的館子,有什么好的電影,打折團購等等;第三個是無聊,很多移動用戶更多情況是無聊的,打開手機,從左到右的翻,翻到最后再把手機關掉。
針對這三種特征的心態,我們怎么樣去面對?第一,應用最好是小而準,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸;第二個要滿足用戶的情景需求;第三個要幫助用戶去消磨時間。
雖然 iOS 7的界面設計引來不少吐槽口水,但李的觀點是“蘋果的缺點一般都不會出現在大方向上,即便有缺點也只是在某些個別的零件上。”這篇文章我將站在一個設計師的角度談 iOS 7 的界面設計。
在談 iOS 7 的界面之前,我先說說我對“扁平化”的認識。 iOS 7 發布之前大家都在猜測蘋果會不會把界面改成“扁平化”風格?什么是“扁平化”的界面設計風格?去掉材質機理去掉投影漸變,整個界面看起來扁扁的平平的就是“扁平化”的設計風格嗎?如果是這樣理解“扁平化”三個字的話,那大家怎么理解“知識扁平化”這個詞?
我認為“扁平化”的界面設計風格,真正意義上指的是界面設計上信息層級的扁平化,而不單純只是視覺效果的扁和平。WP 系統的“扁平化”設計把很多信息變得模塊化,并且壓縮信息展示層級,很多原本藏的比較深的信息可以在首界面上直觀呈現。
如果只是扁扁平平的視覺設計風格的話,我們壓根不需要把界面設計孤立出來看。廣告界的平面設計,書籍裝幀的封面設計等等,在很久很久以前就已經實現所謂的“扁平化”了。況且我們最開始用的電子產品,在顯示器還是馬賽克的時候,那不就是最平的“扁平化”嗎?實際這種極簡式的點線面構成式的現代主義設計風格起源于建筑設計,并早已經在廣告設計,服裝設計,工業設計等領域普及了。
所以“扁平化”在界面設計界壓根就是一個可有可無或早已有之的概念,完全沒必要大肆渲染,只是IT 界的設計一直比其他領域的設計理念落后很多。
蘋果在2013年的WWDC上正式發布了全新的iOS 7操作系統,相比iOS 6,新版的iOS 7在界面上做了重新的設計,更加的炫酷,同時界面見的切換也多了許多,一起先來看看蘋果官方為我們提供的iOS 7官方設計圖吧。
5月22日,Twitter正式宣布獲得了下拉刷新的技術專利,這項專利是在一年前提出的,雖然公司一再說明此項專利只用于保護自己,不會用來發起訴訟,但無疑這還是對行業來說是一個威脅。
下拉刷新這個操作最早由Tweetie創始人洛倫?布里切特(Loren Brichter)發明,到現在已經非常廣泛地在各種應用中使用,Sparrow、Facebook、新浪微博、甚至是iOS原生系統也都在使用這種方式。有理論認為,下拉刷新是一種適用于按照從新到舊的時間順序排列feeds的應用,在這種應用場景中看完舊的內容時,用戶會很自然地下拉查找更新的內容,因此下拉刷新就顯得非常合理。
如今設計界最炙手可熱的明星大概就是扁平化設計了吧,關于它的討論至今都沒有冷卻的跡象。諸多設計師分成了涇渭分明的兩個陣營,一邊努力把扁平化做到,一面對其不屑一顧。
我是個騎墻派,不支持也不反對,在我看來,優秀的設計的定義就是好用,只要能設計出優秀的產品,我可以采用任何方式,扁平化也是其中之一。但是必須意識到,沒有哪種風格是包打天下的,不能強行將一種風格應用到不該用的地方。
那么,扁平化究竟該怎么實現怎么應用呢?下文將要做的就是分析扁平化的五個最典型的特征,同時也介紹一下偽扁平化(不含貶義,只是一種折衷的設計方式)。
一 、拒絕
在這篇文章發布時,僅在美國就有近7000萬的平板電腦用戶,這比前一年的數據增加了一倍。這意味著,美國近30%的互聯網用戶使用平板設備上網瀏覽。2011年到2012年間,電子商務網站在平板電腦上的交易量增長了348%,第一次超越智能手機的交易量。由于平板市場很年輕,其未來的發展空間必定很大。
這一趨勢傳遞了一個強烈的信號:如果你的網站還沒有針對平板電腦進行設計的話,現在是時候優先考慮其在平板電腦上的可用性了。否則,忽略這一點可能會對網站的整體轉化率,回訪量,銷售量等帶來負面影響。
當一個網站具有“點擊愉悅感”時,用戶在手機或平板設備進行訪問的操作將變得容易而愉快。點擊愉悅感包括巧妙使用的空間,易于閱讀的文本,符合邏輯的交互線索,和大尺寸的點擊目標,這些讓訪問者瀏覽網站時充滿信心。
本設計中,大字體和大點擊目標的體驗很好,即使在平板電腦上縮小后,體驗依然不錯。
而在另一些設計中,文字太小無法閱讀,鏈接太接近容易誤操作,無形中增加了操作時間、復雜度以及體驗上的挫敗感。糟糕的體驗下,用戶將快速流失。
藍藍寫 北京藍藍設計91whvog3.cn
分享幾款色彩活潑清新的界面設計。
1。從界面設計上可以看出網絡人際交往的手機軟件,格調淡雅清新,易產生親切感。通常這幾種色彩同時用在一個區域有艷麗、繽紛之感,但這里同種飽和度的藍色、桔紅、黃色、綠色、灰色在一起,諧調而統一。感覺用色很高明噢。
2 唯美、色彩強彩、簡約與精致用到極好的一款手機設計。原素及布局簡單、圖標造型簡單中蘊含豐富變化,給人豐富的想象力!愉悅的視覺享受!配以個人化、動情的文案,典型的情感化設計??!
從事網絡營銷的人員不會否認,移動互聯網營銷是一個大的趨勢,
但是怎么樣去做恐怕還都一籌莫展。由PC端的網絡營銷的經驗和常識來看,首要的是要做好移動端手機網站的優化工作。據小生的觀察以及眾多互聯網的數據分析
來看,目前國內的大多數并沒有做好手機網站的優化,有的只是由PC端網站copy成簡單的移動版本的wap網站,基本沒有做優化。
藍藍設計的小編 http://91whvog3.cn