首頁

如何做app界面設(shè)計(jì)?

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:此文有些圖片沒有顯示全, 下載此文及圖片請點(diǎn)http://sillybuy.com/what%20to%20do%20APP%20ui%20design.docx


用戶在面對移動應(yīng)用時,心態(tài)有三大特征:第一是微任務(wù),我不會拿手機(jī)寫一篇論,不會從頭到尾看一部電影,使用是隨時隨地的;第二是查看周遭,也就是我所處的環(huán)境。我可能會打開手機(jī),看有什么好的館子,有什么好的電影,打折團(tuán)購等等;第三個是無聊,很多移動用戶更多情況是無聊的,打開手機(jī),從左到右的翻,翻到最后再把手機(jī)關(guān)掉。

 

針對這三種特征的心態(tài),我們怎么樣去面對?第一,應(yīng)用最好是小而準(zhǔn),不要大而全。越全的功能應(yīng)用,只能代表著這個應(yīng)用在各方面的都很平庸;第二個要滿足用戶的情景需求;第三個要幫助用戶去消磨時間。

 

設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

雖然 iOS 7的界面設(shè)計(jì)引來不少吐槽口水,但李的觀點(diǎn)是“蘋果的缺點(diǎn)一般都不會出現(xiàn)在大方向上,即便有缺點(diǎn)也只是在某些個別的零件上?!边@篇文章我將站在一個設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)。

  在談 iOS 7 的界面之前,我先說說我對“扁平化”的認(rèn)識。 iOS 7 發(fā)布之前大家都在猜測蘋果會不會把界面改成“扁平化”風(fēng)格?什么是“扁平化”的界面設(shè)計(jì)風(fēng)格?去掉材質(zhì)機(jī)理去掉投影漸變,整個界面看起來扁扁的平平的就是“扁平化”的設(shè)計(jì)風(fēng)格嗎?如果是這樣理解“扁平化”三個字的話,那大家怎么理解“知識扁平化”這個詞?

  我認(rèn)為“扁平化”的界面設(shè)計(jì)風(fēng)格,真正意義上指的是界面設(shè)計(jì)上信息層級的扁平化,而不單純只是視覺效果的扁和平。WP 系統(tǒng)的“扁平化”設(shè)計(jì)把很多信息變得模塊化,并且壓縮信息展示層級,很多原本藏的比較深的信息可以在首界面上直觀呈現(xiàn)。

  如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話,我們壓根不需要把界面設(shè)計(jì)孤立出來看。廣告界的平面設(shè)計(jì),書籍裝幀的封面設(shè)計(jì)等等,在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品,在顯示器還是馬賽克的時候,那不就是最平的“扁平化”嗎?實(shí)際這種極簡式的點(diǎn)線面構(gòu)成式的現(xiàn)代主義設(shè)計(jì)風(fēng)格起源于建筑設(shè)計(jì),并早已經(jīng)在廣告設(shè)計(jì),服裝設(shè)計(jì),工業(yè)設(shè)計(jì)等領(lǐng)域普及了。

  所以“扁平化”在界面設(shè)計(jì)界壓根就是一個可有可無或早已有之的概念,完全沒必要大肆渲染,只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

蘋果iOS 7官方設(shè)計(jì)圖

藍(lán)藍(lán)設(shè)計(jì)的小編

蘋果在2013年的WWDC上正式發(fā)布了全新的iOS 7操作系統(tǒng),相比iOS 6,新版的iOS 7在界面上做了重新的設(shè)計(jì),更加的炫酷,同時界面見的切換也多了許多,一起先來看看蘋果官方為我們提供的iOS 7官方設(shè)計(jì)圖吧。

【多圖】蘋果iOS 7官方設(shè)計(jì)圖,互聯(lián)網(wǎng)的一些事

有趣的下拉刷新

藍(lán)藍(lán)設(shè)計(jì)的小編

 

有趣的下拉刷新,互聯(lián)網(wǎng)的一些事

  5月22日,Twitter正式宣布獲得了下拉刷新的技術(shù)專利,這項(xiàng)專利是在一年前提出的,雖然公司一再說明此項(xiàng)專利只用于保護(hù)自己,不會用來發(fā)起訴訟,但無疑這還是對行業(yè)來說是一個威脅。

有趣的下拉刷新,互聯(lián)網(wǎng)的一些事

  下拉刷新這個操作最早由Tweetie創(chuàng)始人洛倫?布里切特(Loren Brichter)發(fā)明,到現(xiàn)在已經(jīng)非常廣泛地在各種應(yīng)用中使用,Sparrow、Facebook、新浪微博、甚至是iOS原生系統(tǒng)也都在使用這種方式。有理論認(rèn)為,下拉刷新是一種適用于按照從新到舊的時間順序排列feeds的應(yīng)用,在這種應(yīng)用場景中看完舊的內(nèi)容時,用戶會很自然地下拉查找更新的內(nèi)容,因此下拉刷新就顯得非常合理。

五條法則,幫你打造典型扁平化產(chǎn)品

藍(lán)藍(lán)設(shè)計(jì)的小編

如今設(shè)計(jì)界最炙手可熱的明星大概就是扁平化設(shè)計(jì)了吧,關(guān)于它的討論至今都沒有冷卻的跡象。諸多設(shè)計(jì)師分成了涇渭分明的兩個陣營,一邊努力把扁平化做到,一面對其不屑一顧。

我是個騎墻派,不支持也不反對,在我看來,優(yōu)秀的設(shè)計(jì)的定義就是好用,只要能設(shè)計(jì)出優(yōu)秀的產(chǎn)品,我可以采用任何方式,扁平化也是其中之一。但是必須意識到,沒有哪種風(fēng)格是包打天下的,不能強(qiáng)行將一種風(fēng)格應(yīng)用到不該用的地方。

那么,扁平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢?下文將要做的就是分析扁平化的五個最典型的特征,同時也介紹一下偽扁平化(不含貶義,只是一種折衷的設(shè)計(jì)方式)。

一 、拒絕

蘋果的iOS 7 會不會是扁平化設(shè)計(jì)?

藍(lán)藍(lán)設(shè)計(jì)的小編

被業(yè)界人士眾說紛紛的iOS 7將在下個月的2013WWDC大會上推出,到那時可能將會有更多關(guān)于iOS 7的設(shè)計(jì)概念公布。而近來各種媒體對于蘋果公司新帥首席設(shè)計(jì)師喬納森·艾維(Jony Ive)將在iOS 7中放棄擬物設(shè)計(jì),轉(zhuǎn)而使用扁平設(shè)計(jì)的預(yù)測也不絕于耳,這意味著iOS 7將有一個翻天覆地的變化。我們來看看本文作者 Tim Green對此的前瞻見解吧.

 

6個提升網(wǎng)站平板體驗(yàn)的簡易技巧

藍(lán)藍(lán)設(shè)計(jì)的小編

在這篇文章發(fā)布時,僅在美國就有近7000萬的平板電腦用戶,這比前一年的數(shù)據(jù)增加了一倍。這意味著,美國近30%的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間,電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348%,第一次超越智能手機(jī)的交易量。由于平板市場很年輕,其未來的發(fā)展空間必定很大。

  這一趨勢傳遞了一個強(qiáng)烈的信號:如果你的網(wǎng)站還沒有針對平板電腦進(jìn)行設(shè)計(jì)的話,現(xiàn)在是時候優(yōu)先考慮其在平板電腦上的可用性了。否則,忽略這一點(diǎn)可能會對網(wǎng)站的整體轉(zhuǎn)化率,回訪量,銷售量等帶來負(fù)面影響。

 

什么是“點(diǎn)擊愉悅感”(tappiness)?

  當(dāng)一個網(wǎng)站具有“點(diǎn)擊愉悅感”時,用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間,易于閱讀的文本,符合邏輯的交互線索,和大尺寸的點(diǎn)擊目標(biāo),這些讓訪問者瀏覽網(wǎng)站時充滿信心。

1359424540_87

本設(shè)計(jì)中,大字體和大點(diǎn)擊目標(biāo)的體驗(yàn)很好,即使在平板電腦上縮小后,體驗(yàn)依然不錯。

  而在另一些設(shè)計(jì)中,文字太小無法閱讀,鏈接太接近容易誤操作,無形中增加了操作時間、復(fù)雜度以及體驗(yàn)上的挫敗感。糟糕的體驗(yàn)下,用戶將快速流失。

藍(lán)藍(lán)設(shè)計(jì)分享5款色彩清新的手機(jī)界面設(shè)計(jì)及手機(jī)網(wǎng)站設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)寫     北京藍(lán)藍(lán)設(shè)計(jì)sillybuy.com

分享幾款色彩活潑清新的界面設(shè)計(jì)。

1。從界面設(shè)計(jì)上可以看出網(wǎng)絡(luò)人際交往的手機(jī)軟件,格調(diào)淡雅清新,易產(chǎn)生親切感。通常這幾種色彩同時用在一個區(qū)域有艷麗、繽紛之感,但這里同種飽和度的藍(lán)色、桔紅、黃色、綠色、灰色在一起,諧調(diào)而統(tǒng)一。感覺用色很高明噢。

 

2 唯美、色彩強(qiáng)彩、簡約與精致用到極好的一款手機(jī)設(shè)計(jì)。原素及布局簡單、圖標(biāo)造型簡單中蘊(yùn)含豐富變化,給人豐富的想象力!愉悅的視覺享受!配以個人化、動情的文案,典型的情感化設(shè)計(jì)!!

 

 

手機(jī)網(wǎng)站如何優(yōu)化

藍(lán)藍(lán)設(shè)計(jì)的小編

從事網(wǎng)絡(luò)營銷的人員不會否認(rèn),移動互聯(lián)網(wǎng)營銷是一個大的趨勢,
但是怎么樣去做恐怕還都一籌莫展。由PC端的網(wǎng)絡(luò)營銷的經(jīng)驗(yàn)和常識來看,首要的是要做好移動端手機(jī)網(wǎng)站的優(yōu)化工作。據(jù)小生的觀察以及眾多互聯(lián)網(wǎng)的數(shù)據(jù)分析
來看,目前國內(nèi)的大多數(shù)并沒有做好手機(jī)網(wǎng)站的優(yōu)化,有的只是由PC端網(wǎng)站copy成簡單的移動版本的wap網(wǎng)站,基本沒有做優(yōu)化。

一個瓢蟲的旅行-手機(jī)UI界面欣賞

有一天,是否我也可以像瓢蟲一樣,無慮的旅行。

查看《一一個瓢蟲的旅行》原圖,原圖尺寸:720x1280

日歷

鏈接

個人資料

存檔