DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 圖片類社交應用:instagram和path的UI設計分析
圖片類社交應用:instagram和path的UI設計分析
編輯:關於網頁技巧     

  在我們的生活,工作,學習過程中,社交網絡已經逐漸成為未來互聯網發展的趨勢。今年,Facebook,Twitter,Google+都是時下社交網絡的熱門產品,每月的用戶使用量都在逐漸增多。

  然後,今天我要談的並不是這些我們耳熟能詳的熱門互聯網產品。

  而是現如今,隨著社交網絡的日新月異的變化著,我們越來越多的年輕人都在使用手持無線設備上網,進行他們的交際圈子,這也是圖片社交新興的一個時代。圖片分享的社交形式越來越普及,許多的年輕人喜歡用圖片的形式去分享自己身邊發生的人與事,去show自己的生活,idea和圈子。隨著Iphone,Andirod等智能手機的普及,人們可以隨時隨地的分享圖片來豐富自己的社交網絡,這就是我今天要談的關於PIC那些事兒。

  在社交網絡市場上,熱門的Facebook、Google+、Twitter、校內網等為用戶提供的是綜合性的社交服務,而現在人們更專注於圖片的存儲和分享。隨著網絡上用戶圖片數量的與日俱增,現在還缺乏專業化的服務來滿足人們在圖片分享方面相應的需求。圖片中所蘊含的“人”的信息,沒能得到充分的重視;這使得現有的圖片分享服務,大多數成為在線的圖片儲存工具,而沒有將圖片背後的社交、娛樂等價值充分發揮出來。致力於為用戶提供獨特的服務,幫助它們在圖片和個體之間建立聯系,讓人們能夠更加得心應手地分享和使用圖片。

  現在在市面上,出現了很多款滿足這類需求的APPS,我在這裡做一些說明和分析,幫助大家更好的認識圖片社交網絡的魅力。有2011年接近風靡instagram,照片編輯為主的camera360,私密社交分享的PATH,趣味性十足的picplz等等,這些都是國外做的比較不錯幾個APPS。

  下面我來分享下這些圖片類社交應用。主要講instagram和path這兩款,因為它們改版後的經驗度尤為震撼到了我,尤其是path改版後的界面風格整個提升不少,給我們國內UI界帶來了新啟迪,希望能給關注這類產品的同學們有一些幫助。

Instagram:

  是一個免費,有趣,簡單的方法制作和分享你的iPhone華麗的照片,也可以即時分享到Facebook,Twitter的,Flickr等社交平台上,與你和你的朋友產生互動的的應用程序。

  它是一個只有6個人的創作小團隊組成,然後在2011年只花了一年的時間,將使用的用戶突破1400萬,發布圖片4億多張,用戶量遍布全球。目前只有IOS平台的介入,Android版應用希望早日開發出來,方便大家使用。我們來看下它的成功之處和吸引人的魅力所在之處究竟何在?

  從圖片顯示:

  Instagram從1.0到如今的2.0的蛻變,界面和LOGO都發生了很多質的飛躍。LOGO調整的更加精細寫實了。從之前的扁平質感的彩帶LOMO照相機演變成了現在新版的濃質感立體化的鏡頭,使得整個APPS更顯高貴和升級之感。界面功能增加了很多濾鏡效果。圖片質量也提高了不少,最主要的是服務器容量做了比較大的改善,速度加快了很多。

  我們來看下它的一路蛻變史。

  2.0的這次的升級改版使Instagram的全球用戶量又一次攀升,將它推向了頂點。

  1.100%免費的自定義設計的濾鏡器;濾鏡微創新,比過去處理照片快200倍。
  2.鏡深和移軸效果的加入;
  3.即時分享到Facebook,Twitter,Flick與朋友互動,邁入了獨立社交產品的地位。
  4.技術上工程師的精挑細選,可以支持無線的海量上傳,服務器更加穩定。
  5.朋友的喜歡和意見,評論;
  6.刪去了一些不必要的功能,進行了界面簡化;
  7.並且還推出了系列周邊延展應用;(Insta Rader它可以找到方圓5英裡用instagarm分享的照片並標記處地理位置;Insta Rgam是一款增強現實的應用,可以將附近的社區分享的熱門優秀照片推送出來。Insta Deck可以將Instagarm的體驗遷移到Mac電腦的桌面上。

  這就是Instagram的web版體驗,方便大家參與和體驗。http://statigr.am/

  UI界面做的也是非常的精致,非常符合時下文藝小青年的審美調子,歡迎大家在上面分享各種有意思的圖片哇!

  Instagram 在移動端融入了很多社會化元素,包括好友關系的建立、回復、分享和收藏等,這是Instagram 作為服務存在而非應用存在最大的價值。

  但非所有的圖片分享工具都贊同開放的社交圖片與路線,另外一家圖片拍攝與分享服務商Path就堅持“私密分享”的另一種選擇。

  Path:這個APPS是非常值得一提的一款應用程序,這是由兩個前 Facebook 員工精心打造出來的“密友社交平台”已經突破了 100 萬的用戶數量,它在這次2.0改版之後,做了一個華麗光鮮的轉身,把許多同類產品都遙遙的甩在了身後。直接領跑整個圖片類社交分享圈子,無論是在功能和界面設計上都做的相當的精致出位,很受大家的喜愛追捧。

  Path其實是一個私人圖片社交圈子,它只能夠添加你最親密的50人作為好友,它讓你不能不想部分受眾SAY NO。這樣也同時很好的建立起互聯網上第三種社交網絡類別。2.0的path是模擬了一本智能雜志的形式,可以幫助您分享生活,愛人,你的想法,你聽的好聽的歌曲,視頻。新版更增加了時間軸排列的信息,讓你更加清晰的看來一路走來的時間、地點、人物和事件,更加好的幫助回憶過往發生的事情。新版還添加了有意思的喚醒功能,當你睡覺和醒來的瞬間,只要玩過Path,就可以輕松識別您的地理位置和睡覺的時間,讓你最私密的好友們最清晰的第一時間了解你的動態。還可以讓你的朋友知道你在哪裡共享路徑上的地方。同時也可以看到你好友添加了哪些朋友,從而加密關系鏈。

  最驚艷的是其主頁的版式,很大氣簡潔的排版,也充分的展示了所需的基本信息。新增的一些功能也開始彰顯出設計團隊對於私密朋友間社交模式的新思考。

  令人耳目一新的華麗界面,當用戶登錄新版本的Path時,將可以按照自己的喜好更換自己主頁的背景圖片,用戶可以通過自定義這張“背景圖片”,來向好友們展現自己的審美觀念,有點個人博客的感覺。這裡處理頭像的手法也是相當的精致,很巧妙的和主頁背景COVER所結合,配以醒目的英文名字和基本信息作為主頁標題,整款APPS在首頁進入就帶給人們不一樣的精致度,再加上IOS顯示的精細度,將這款轉型後的Path展現的凌厲盡致。可以用幾個關鍵詞來形容:革命突破性的顛覆;最具獨特的創新轉型;與同類產品的競爭潛力提升百倍。

  UI的設計非常精細考究,簡潔明了的表達了他們的功能含義。

  進入應用程序本身,許多細節的精巧構思也令人在使用過程中心生愛意。

  用戶在輪動浏覽的過程中,屏幕右側會自動出現一個時間軸指示器,指針的動態滾動,幫你記錄了所有的動態信息。

  用戶的操作形式也非常的新穎,都是基於屏幕左下方的那個“+”號圖標——點擊它,6 個擴展選項按鈕隨即彈出,此時的紅色“+”號已經變成了紅色“X”號,提醒用戶再次點擊將會把擴展出來的選項按鈕一並收回。Flash動作的緩動實現帶給用戶輕松活潑的感覺。

  菜單的三屏模式左右滾動切換,界面的關聯展示,強化了操作過程的連續性,使得信息展示更加直觀,這也是2.0非常獨出心裁的設計制作,使用戶在交互和視覺的體驗上都相當的完美。

  手機底部左下角區域,在人機交互的邏輯下,更適合右手操作,“X”按鈕包含多個常用功能,展示節省空間,直觀引導。

  還有一個很值得一提的新鮮玩意,記錄下每天睡覺蘇醒的時間和地點,讓最親密的人感受到彼此的存在。

  Path帶給我與眾不同的感覺,很多精心完美的貼心服務讓用戶倍感有趣和溫馨。做產品做到這個程度,真的可以給到用戶一種賓至如歸的感覺。

  Feed的時間軸情感化展示,穿插著這些可愛且識別率高的ICON,讓人特別喜歡!留下深刻影響,為這款APPS增添了不少趣味性。

  這是我覺得時下圖片社交網絡,做的相當成功的兩款應用程序。同樣是涉及圖片分享來傳達信息的APPS。但是他們完全在兩個維度都滿足了大家渴望了解彼此動態的需求,而且圖文並茂,惟妙惟肖。將整個社交網絡推向了圖片share的一個巅峰時刻。

  當然,最後再推薦幾款本人用的比較不錯的同類產品,希望喜歡share圖片的愛好者們多多嘗試體驗喲!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved