• <input id="wwk4g"></input>
    <menu id="wwk4g"><object id="wwk4g"></object></menu>
  • <input id="wwk4g"><object id="wwk4g"></object></input>
  • MobileUI莫貝網
    • 首頁
    • 文章
      • 設計文章
      • 技術教程
      • 行業視野
      • 職業發展
      • 移動前端
      • 基礎知識
      • 資源分享
      • 信息視圖
    • 欣賞
      • UI庫
      • 靈感
      • 酷站
    • 專題
    • 聯盟
    • 搞機
    • 導航
    • 公眾號 公眾號
    • 移動端瀏覽 移動端瀏覽
    設計師自學之路

    手機上的兩性社交: 獵奇、慰藉、交易和表現欲
    手機上的兩性社交: 獵奇、慰藉、交易和表現欲-移動閱讀二維碼

    行業視野 / 互聯網 | 2014-05-17 | 來源:騰訊科技 | 作者:朱旭冬

    【研究結論】

    1. “性需求”帶動了兩性社交的興起,但隨著應用的成熟,又會被其他常規需求所稀釋;

    2. 社交網絡中,女性往往占有更多選擇權。在涉性交友圈中,獵奇、自我表現、尋求慰藉和欲望交易是主要內在驅動力;

    3. 解決“性需求”的社交產品往往以陌生人社交為主,需要警惕上當受騙。

      序:不缺朋友,但仍寂寞

    午夜時分,曉菲和一群朋友從酒吧出來,各自散去。向前獨自走了一小段路后,她停下來打開手機里一款陌生人交友應用,在向她打招呼的人里挑了一個:“你現在能過來請我吃夜宵嗎?”十幾分鐘后,一輛出租車停在路邊。

    兩個人互相晃了晃手機。曉菲上車,消失在夜色里。

    身為北漂,曉菲并不缺同事和好友。但和朋友在酒吧狂歡后,她仍然感覺到寂寞。這也是很多中國年輕人的寫照——他們擁有現實中的朋友,但仍然熱衷于各種形式的網絡社交。

      在這些期待從小小屏幕里尋找溫暖或者溫度的年輕人心里,性,是一個無法回避的話題。

      一爆發:觀念開放與移動互聯

    “如果一個人說他很孤獨,那么他是在描述一種狀態。如果一個人說他很寂寞,那么他是在描述一種需求?!蹦澄缓蜁苑埔粯訜嶂杂谖缫股缃坏呐⑷绱烁锌?。

    從更專業性的角度看,馬斯洛的需求理論將人的需求分為六級,分別為生理需求、安全需求、社交需求、尊重需求、自我實現需求和超自我實現需求。

    對于大部分生活在城市里的青年人來說,最基本的兩項需求較容易滿足,更高層級的尊重和自我實現等仍然有些遙不可及——社交即成為最迫切也最現實的目標。

    在大眾社交和熟人社交領域,已有的產品足以提供完善的功能和相對牢固的關系鏈。但這并非是今天人們社交的全部。在傳統社交和互聯網社交時代,人們對于性的話題更多停留在酒后的葷段子或網絡的調侃里。移動互聯網的到來,才真正讓個體與網絡實現了同等自由。

    當然,僅有這些遠遠不夠。一種社會化現象的出現,一定是多種合力共同作用的結果??萍几鄷r刻扮演著催化劑的角色。

    觀念的改變從根本上為兩性社交帶來了引爆可能。伴隨社會與文化的開放,“性需求”不再是難以啟齒的話題?!肚笫恰分睂匐s志《小康》發布的“中國人性健康感受”報告顯示,與1994年的40%相比,2012年國人婚前性行為的比例達到了71.4%,而如果單獨統計網絡上反饋的問卷,這一比例將上升至86.5%——人們已經不再把性等同于婚姻。

    中國人婚前性行為比例變遷(數據來自第三方調研)
      中國人婚前性行為比例變遷(數據來自第三方調研)

    當“兩性社交”不再受到觀念的束縛,滿足人們需求的工具就自然會出現。從本質上看,幾乎所有的溝通工具都可能為兩性社交提供幫助,哪怕只是一個電話甚至一封電報。移動互聯網只是讓兩性社交變得更方便、快速——當然, 也伴隨著某種程度上的泛濫。

    但若只把兩性社交的全部功能定義為“性需求”,也有失偏頗。兩性之間的社交需求是多樣化的,可以是被異性吸引,喜歡,渴望和異性聊天、成為匿名的好朋友……只是其他需求看起來太過正常,反而讓兩性間的私密社交,被廣泛的與“性”關聯。

      二心理:獵奇、慰藉、交易與表現欲

    盡管不同的兩性社交或陌生人社交平臺的用戶組成不盡一致,但若拋開量化標準,聚焦于定性分析,則活躍于這類平臺的用戶,大致心理動機可分為四類:

    1.隱秘好奇。這部分用戶以年輕人為主,包括18歲以下的學生。這部分用戶未必有最直接的心理或生理親近需求,他們進入這一平臺,并嘗試著與陌生人交流,更多是出于對成年人世界和涉性話題的強烈好奇。

    這類用戶的粘性相對較差,也不是兩性社交圈的核心群體,部分人會在試用后漸漸退出。但由于年輕人群體龐大,智能手機向年輕人的普及速度也正在加快,因此不斷會有更多年輕人加入進來。

    國內社交網絡用戶年齡分布(數據來自凱度)
      國內社交網絡用戶年齡分布(數據來自凱度)

    2.自我展示。這部分用戶同樣以年輕人為主,不過年齡階段會比第一類稍大一些。相比于大眾類和熟人類社交圈,陌生人社交和兩性社交更方便展示大尺度的圖片和真實甚至夸張的語言評價。對于部分女性用戶而言,讓自己真實或美化后的照片獲得更多人的稱贊,本身就是一種強烈的心理滿足。

    這部分用戶通常會上傳各類風格的個人照片,以及舒適甚至奢侈的生活場景。在炫耀和滿足虛榮心的同時,他們也通常會成為其他陌生異性(甚至少數同性)的追逐目標。

    3.填補空虛。抱有這種心理的用戶對陌生人社交工具的依賴更為強烈。其中單身年輕人表現得更明顯——在缺乏足夠社會活動的背景下,年輕人對網絡社交的需求度不斷提升,直至滿足情感慰藉和性需求等深度交往。但在一些第三方針對此類用戶的調查中我們可以發現,這種因為寂寞而產生的社交需求,并不僅僅是生活中的單身男女,還包括部分已婚或有固定男女朋友的用戶。

    這些用戶中,或因為愛情生活陷入枯燥或危機而尋求更多的外部刺激,或因為情侶間某一方工作太忙,導致另一方收到冷落。由于存在真實生活關系的羈絆,他們通常會選擇使用其他虛擬身份或“小號”介入陌生人兩性社交關系鏈。

    4.欲望交易。上述三種用戶群體,是基于心理或生理而產生對陌生人兩性社交的需求。但在這以外,還有一種以交易為核心的關系鏈條,潛藏在兩性社交平臺之中。部分年輕漂亮的用戶(男性女性均有),會以美貌、身材等資本示人,以求得高富帥或白富美的青睞,甚至直接把目標定義為“求包養”;而與之相對的,正是另一類年齡稍長的用戶,他們出于獵艷等心態,尋找年輕漂亮的異性,以金錢、包養等做為交換。

    這類用戶通常會對社交對象較為挑剔。但由于陌生人社交本身存在的不確定性,這部分用戶群也摻雜了不少的騙子。

      三女性:掌握兩性移動社交的更多選擇權

    很多互聯網產品的成功都離不開女性用戶或女性話題,社交應用里更是如此。如今擁有十幾億用戶的Facebook,最初的雛形即是給學校里的女生照片打分。

    曾有人做實驗:在同一移動社交平臺上分別注冊了一男一女兩個不同帳號,用男性帳號給30個女性打招呼,一天僅收到2個回復;而女性帳號則在一天時間里收到了近50位男性的招呼。

    為什么在社交領域女性會成為主導力量呢?實際上看,男性的“兩性社交”需求更為強烈,而且往往外在表現也更加明顯。在這一趨勢下,社交網絡中的男性往往會向女性大獻殷勤,而女性則可以在眾多男性中選擇自己喜歡交流的對象。

    基于這一觀點,一款社交應用里(不論普通社交還是私密社交),女性用戶的數量幾乎可以直接決定社交圈的活躍度。而在這一維度上,兩性私密社交,甚至表現的更為明顯。

    但這并不是說,女性缺乏對“兩性社交”的需求。只是女性的需求更多體現在希望獲得更多男性用戶的關注上。為此,女性會希望展示自己最美的一面來獲得更多稱贊,乃至于在性需求中可以挑選更優秀的對象。

    這也是伴隨著社交網絡的興盛,圖片美化應用得以流行的一個重要原因。

      四工具:兩性社交的移動平臺進化

    前面提到過,本質上說任何一款社交應用有幫助用戶解決“性需求”的可能,但對于一個有成長性的社交平臺,把“性”作為核心并非長久之計。一些應用為了獲取初期用戶而強化了兩性社交的概念,但在進入良性增長期以后,圍繞兩性社交的需求將會被分化,更多更常態化的社交需求不斷出現。兩性社交雖然會被自然稀釋,但并不會消失。

    從兩性需求的工具演進看,最早的網絡形態是聊天室。但由于內容難以管理,形式過于單調,這一在線社交形式很快沒落。

    國內最早被貼上“性需求”標簽的社交網站是51.com。其聯合創始人張劍福離開51.com后,又發起過簡簡單單、美麗約等項目,也都很好的利用了男性心理:比如希望看更多女性用戶照片、希望更方便的和女性用戶聊天——并在這些環節上設置了收費門檻。

    不過,在查看相冊和聊天等社交環節設置門檻,不利于社交行為的擴展。這類應用也容易陷入單一的“兩性需求”種,很難成長為普遍意義的社交平臺。

    可以作為對比的是陌陌。在陌陌發布前,簡簡單單在陌生人社交領域已經做的很不錯,但隨著時間的推演,人們很快便忘記了它,而僅僅記住了陌陌。

    陌陌剛發布的時候,因為有很強的地理位置屬性,很多人將其定位于兩性社交神器。但是陌陌官方從未認可過此類說法。不過從產品形態和功能上看,它的確很好滿足了用戶“兩性社交需求”。除去地理位置信息讓線下見面更容易,“定位”帶來的另一個優勢即“真實性”和“貼近性”,讓用戶能感覺到對方就在自己身邊。

    移動終端讓兩性社交走向了自由化,而定位信息又提升了兩性社交的成功幾率。

    但對于只將目標定在滿足兩性生理需求的用戶來說,陌陌所能提供的幫助,并不如一些更“精于此道”的APP。無論是簡簡單單、美麗約還是陌陌,社交的發起方多為男性,即男性希望和女性聊天或見面。但在這種關系鏈中,男性最初并不知道女性是否也這樣想,這即增加了社交的難度。另一些社交應用則重點解決了這個問題,比較典型的有國內的某某和國外的Tinder。

    這類應用往往借助某個社交平臺(微博或者Facebook)獲取用戶信息,用戶可以為自己想見面或者想發生什么的人打上標記,如果對方同樣希望見你或者發生些什么,就可以進行互動,社交從此開始。但如果只有一方有興趣,那就不會有任何提示信息——社交行為也就不會啟動。

    這種產品設計盡可能的消除了兩性社交中的彼此試探階段,為男女雙方節省了時間成本。但由于過于直接化,往往也難于形成更廣泛的社交互動。

    還有一些社交應用充分利用了移動設備的特點,比如語音社交應用比鄰,其官方口號是“只給陌生人打電話”——當然,具體是打給同性還是異性,只有用戶自己心里清楚。

    值得注意的是,大部分解決“兩性需求”的社交產品都以陌生人社交為主。一方面是我們此前已探討過的,文化和社會的開放讓兩性觀念更自由化。另一方面,在兩性社交中,陌生人似乎更適合這種快餐式的節奏,而且更容易有安全感。

      五警惕:青春、愛情和白日夢

    由于有大量的用戶通過移動社交產品來解決“兩性需求”,因此也有心術不正者在這些平臺上守株待兔。其中最典型的就是女性“酒托”騙男性錢財,和男性冒充高富帥騙女性感情和身體。

    對于用戶來說,如何使用一款社交產品是個人自由,但如果經常和陌生人打交道,仍需要多加注意。男神女神未必會無緣無故的約你見面,相冊里有豪車的用戶,也未必就是身家千萬。

    當我們認真討論“性”的時候,我們并不能完全忽視情感。實際上,確實有很多年輕人,寄望于通過社交網絡尋找青春和愛情。隨著城鎮化進程加速,大城市生活節奏過快,導致年輕人的社會生活越來越少,真實社交圈越來越窄。當我們沒有時間和資源在現實中獲得友誼和愛情時,網絡就成為了一種救贖式的存在,和寄托。

    但越是專注于兩性社交甚至性需求的應用中,用戶的身體需求往往越是會大于情感需要。而對于社交、愛情、性和網絡之間的推演,也許將是一個更為長久的討論話題。

    不去緣木求魚,也不要“很傻很天真”。清楚自己的付出和所得,合理的使用網絡。當“性”已不再是禁忌的時候,對自由最大的保護,就是不要濫用它。

    本文鏈接:http://www.casaleticia.com/on-the-phone-the-social-sex.html
    本文標簽: 社交, 移動社交
    ← 手機QQ不再微信化,語音為轉折點!
    移動搜索,360終于出手了 →

    向您推薦:

    • 從零開始做社交功能
      從零開始做社交功能
    • 在移動應用上故事怎么講才有逼格?
      在移動應用上故事怎么講才有逼格?
    • 支付寶9.2.0給我們帶來的真正思考是什么?
      支付寶9.2.0給我們帶來的真正思考是什么?
    • 跟在線分享有關的那些事兒
      跟在線分享有關的那些事兒
    • 熱門移動APP社交模式設計
      熱門移動APP社交模式設計
    • 我為什么討厭微信?
      我為什么討厭微信?
    • 試析社交類APP的設計思路
      試析社交類APP的設計思路
    • 新浪微博最新Android手機客戶端開始集成應用管理中心
      新浪微博最新Android手機客戶端開始集成應用管理中心

    評論功能已關閉。

      • 推薦
      • 熱門
      • 隨機
      • 如何通過練習提升自己?
        如何通過練習提升自己?

        寫在前面 經常遇到很多伙伴咨詢如何去提升專業、練習應該怎么去做、靈感從哪里來等等問題。結合這些問題總結和梳理了一下自己的點滴經驗,希望能幫助到大家,與之共勉。 本文的目的是給剛入行的新人分享個…

      • iPhone X的壁紙居然是這樣制作出來的
        iPhone X的壁紙居然是這樣制作出來的

        每當蘋果公布新的壁紙,總會有人或者手機廠商去模仿蘋果家的壁紙,因為他家的壁紙是真的好看啊。今天我們來學習一下最新的iPhone8和 iPhone x的壁紙是怎樣做出來的? 值得注意的是,…

      • 三分鐘搞清iPhone X 設計尺寸和適配
        三分鐘搞清iPhone X 設計尺寸和適配

        被iPhone X刷了一天屏,到下午實在受不了各種標題寫著“iPhone X 適配、指南、設計稿” 內容卻是發布會回顧和手機介紹的標題黨。索性自己寫一篇只針對iPhone X適配的貼子,與適配無關的內…

      • 從設計指南說起,詳解iOS系統組件分類體系
        從設計指南說起,詳解iOS系統組件分類體系

        @Echo 由于iOS 和 Material Design的組件體系有些不一樣,所以關于組件的分類體系我會分iOS篇和Android篇來講解,本篇文章為iOS 篇。 對于大部分入門設計師及中級設…

      • 20歲到30歲,設計師應該知道的真相
        20歲到30歲,設計師應該知道的真相

        如果你關注過一些取得大成就的人,總會在他的成長故事中發現很多傳奇的經歷,比如少年時代的天賦異稟,或是30、40歲的大器晚成,為了做好某件事的廢寢忘食等等…然后摸摸自己的胸脯說,他們是天才,我只是個普通…

      • PS修圖會嗎?你是美工?還是設計師?
        PS修圖會嗎?你是美工?還是設計師?

        @Micu設計你是美工?還是設計師?你是合格的設計師嗎? 設計工作中最基礎的修圖會嗎?找素材拼圖會嗎? 如果這最基礎都不會,能稱自己是設計師嗎?能漫天要價嗎? 如果有點職業道德,先學會最基礎的修圖,再談設計吧! 一起看看別人是如何將圖片合成的! 第1組:采集素材 完成設計: 第2組: 第3組: 第4組: 第5組: 第6組: 第7組: 第8組: 第9組: 第10組: 第11組: 第12組: 第13組: 第14組: 第15組: 第16組: 第17組: @Micu設計投稿,自 weibo

      • APP切圖那點事兒–詳細介紹android和ios平臺
        APP切圖那點事兒–詳細介紹android和ios平臺

        從2011年開始接觸APP,到現在為止也做了幾個了,發現了一個共同點就是和每一個技術搭檔切圖的時候,會遇到不同的問題,因為技術的水平高低有限,所以他們要求你給切圖的時候也會不一樣,針對切圖后來我總結了一套規律分享給大家,希望互相學習~ 相關閱讀: 設計師需要掌握的圖片原理與優化技巧 Android設計中的.9.png 切圖小貼士 一.android版 在做android版本設計的時候,尺寸有很多種,這時我們要以一種尺寸為基準,那這個基準尺寸是480px*800px,設計圖完成之后就開始切圖了,我拿我之前設計的一張圖為例子講解下: ? 當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以后少改動,建議切圖之前最好和技術先溝通下,怎么切); 1、底部欄目的icon和背景: ? 這個一般有2種切法:(有默認和選中之后的效果) ? 2、頂部欄目的背景切圖: 由于頂部導航欄的是漸變樣式,所以切圖只需要切一小條,技術來平鋪拉伸就可以~(PS:如果是花紋背景,就必須切整條了,因為花紋切一小條就會被拉伸了~) 3、標注文字大小和行間距:(以這張圖為例子,我標注好了,請看下圖) 需要注意的: A:android主要有3種屏,即: QVGA和WQVGA屏density=120; HVGA屏density=160; WVGA屏density=240; B:apk的資源包中, 當屏幕density=240時使用hdpi標簽的資源 當屏幕density=160時使用mdpi標簽的資源 當屏幕density=120時使用ldpi標簽的資源; C:我們標注的是PX,但是技術的算法是DP,所以需要PX和DP進行轉化,PX和DP的轉化主要跟密度有關系,當密度density=160即(屏幕尺寸:320*480)時,1PX=1DP;當密度density=240即(屏幕尺寸:480*800)時,1PX=0.75DP;當屏幕的尺寸大于480*800的時候,密度都按照240計算即可;當密度density=120即(屏幕尺寸:240*320)時,這個現在幾乎沒有人用了,所以我也不知道轉化公式,如果您知道,可以留言告訴我啊~? 注意:因為我們做的是基于480*800尺寸的,大家都知道android的尺寸太多了,要想適配現在流行的尺寸,比如:640*960;720*1280等,唯一的解決辦法就是圖標可以根據不同尺寸各做一套,也就是圖標需要做480、640和720共3套圖標,不過如果你們的產品的要求不嚴格,做一套就可以,只不過是在大于480尺寸的屏幕上有些圖標被拉大變虛而已~ 二.ios版 在做ios版本設計的時候,尺寸有3種,分別是:320*480、640*960、640*1136;這時我們要以一種尺寸為基準,那這個基準尺寸是640px*960px,設計圖完成之后就開始切圖了,我拿我之前設計的一張圖為例子講解下: ? 當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以后少改動,建議切圖之前最好和技術先溝通下,怎么切); 1、底部欄目的icon和背景: ? 這個一般有2種切法:(有默認和選中之后的效果) ? 2、頂部欄目的背景切圖: ? 由于頂部導航欄的是多顏色的,所以只能切一整條給技術,商圈的圖標要單獨切出來 ? 3、二級標題欄目的切圖: … 繼續閱讀 →

      • 初級設計師如何踏上自學之路(周陟設計隨筆)
        初級設計師如何踏上自學之路(周陟設計隨筆)

        周陟?(@UCDChina 深圳負責人、交互設計專業委員會(@IxDC)部長) :我發現一個問題,大部分剛入行或者經驗不多的設計師在碰到問題的時候都喜歡”索取”,最好有個現成的東西放那兒給他供著。這暴露了我們設計師群體一個嚴重的現狀——自學能力的欠缺。 我上次提到設計師的三大素質(我自己覺得是這樣,也是招人的時候重點考察的),這次就專門聊聊自學能力的問題,與各位打拼靠自己的朋友共勉。 作者還有一篇很有意思的分享:普通UI設計師與頂級UI設計師的區別是什么? 什么是設計師的自學能力? 我們對自學能力的理解是從上學的時候建立的,但那個時候的”自學能力”相對單純,無非也就是如何通過自己看書、做題,復習到達熟練記憶,以便應付各種苛捐雜稅式的考試。 但進入設計行業后,這個自學能力不僅僅限制在”了解知識、復述知識”的范圍,設計師要學習各種軟件,學習如何尋找靈感,學習如何與客戶溝通,學習怎樣規劃自己的行業前景……這種交叉性的自學要求會成為很多人的屏障。并且,很難定義一個所謂的”自學能力”的量化目標。 就我個人理解,設計師的自學能力是使用合適的時間、方法、資源達到獨立的、正確的解決問題的能力。 如何才能有效的自學? 你細心的話,應該注意到上面我的用詞,這些關鍵點就是有效自學的途徑。在設計這個行當,光努力是不夠的,我們不只是要強調效率,也要強調效能?;剡^來看,你們學校歷史中是不是總有那么幾個無論如何努力都始終分數不高的貨色? 首先是合適的時間; 如果一件需要花時間的學習任務超出了你的時間成本,你就不應該去碰它,或者換一個更好的方式,比如:你現在是一個從事了8年平面設計的設計師,你覺得目前做動畫的收入高,你希望通過自學動畫,然后跨行到這個領域,那么未必是最好的選擇,首先你的8年的平面經驗幾乎沒有再升值的空間,其次作為一個新人,也許你還要3年的等待,好死不死,你的腦子不錯,等到你學有所成,動畫行業又是另一個新的天地了。 正確的方法是重要的; 方法不僅是你練習的方式,還有思考問題的方式,這里強調的是設計師快速發現問題的能力,只有準確的了解需要自學的領域的難度、行業標準、設計思路、應用形態,你才知道從何入手; 比如:你想自學網頁設計,并把網頁視覺設計師作為自己的職業發展,你就應該首先了解,一個網站的基本結構,每個結構需要哪些工作崗位,他們的職責有何不同,一個網站視覺設計師應該干什么,抓住重點(而不要一開始去學什么HTML代碼,那不是你最該關心的,我這話是說給某個朋友聽的)。 資源指的是任何能夠讓你了解到所需知識的平臺; 基礎的東西先看維基和google,然后去書店翻一翻行業著作,然后下載一些軟件的學習版知道你要使哪些工具,這些都是你的資源,如果湊巧你還能找到一些資深的從業人士咨詢就更好了,但是要提醒的是,別人沒有義務回答你,所以你先要準備好自己的問題。 獨立性決定了你在自學途徑中對自己的要求;你善于堅持的品質是你能夠成功通過自己的努力達到目標的前提條件,在你周圍沒有更多的資源可以利用的時候,你只能靠自己不斷的練習,思考。我發現要求很多設計師練習沒有問題,要求他們思考卻很難,自學的過程中,”想”永遠是最關鍵的。 自學不是萬能靈丹 你的性格不適合自學。這是正常的,有部分朋友他們的性格天生就是依賴性強,缺乏主見,在遇到困難的時候選擇逃避,那么這樣的性格想完全通過自學來達到一個”好高騖遠”的目標是不太可能的。你需要選擇一個付費的培訓機構或者老師,通過一些外部的壓力,讓你有所提高。 除了自學還應該參與交流。交流當然是重要的,通過交流可以達到解惑的效果,有個前提需要注意,你要和別人交流,別人也需要知道值得和你交流,因此你要有所儲備,交流既然是平等的也就需要基礎,別以菜鳥之心度老鳥之腹,既冷了場又露了怯。 自學的技術必須轉化為實際項目。你的自學有可能是為了自我提升,自我積累設計經驗,但如果是為了解決實際問題,那么你自學的成績就必須經過實際項目的檢驗,比如:你學習了一些新的交互設計的工作技巧,那么在你自己從事項目的時候你就應該爭取機會導入進去,否則到頭來,你也只是做了一嘴的好交互。 “人一定要靠自己”,說的不是拋棄階級感情和團隊協作,而是面對困難和障礙的時候,往往只有你自己才是靠得住的。缺乏自學能力的設計師,從性格與技能上都會落于下風,因此請不要讓自己”被飛”的日子來得太早。 原文出處:《閑言碎語:周陟設計隨筆》,感謝作者的無私分享,推薦童鞋們閱讀原著,受益無窮 : )    

      • iOS APP設計一稿支持iPhone5/iPhone6/Plus設計流程
        iOS APP設計一稿支持iPhone5/iPhone6/Plus設計流程

        移動app開發中多種設備尺寸適配問題,過去只屬于Android陣營的頭疼事兒,只是很多設計師選擇性地忽視android適配問題,只出一套iOS平臺設計稿。隨著蘋果發布兩種新尺寸的大屏iPhone 6,iOS平臺尺寸適配問題終于還是來了,移動設計全面進入“雜屏”時代??纯聪旅嫒頸Phone尺寸和分辨率數據就知道屏幕有多雜了。 加上Android生態中紛繁復雜的各種奇葩尺寸,現在APP設計開發必須考慮適配大、中、小三種屏幕。所以如何做到交付一套設計稿解決適配大中小三屏的問題?設計和開發之間采用什么協作模式?一個基本思路是: 1、選擇一種尺寸作為設計和開發基準; 2、定義一套適配規則,自動適配剩下兩種尺寸; 3、特殊適配效果給出設計效果。   手機淘寶的iPhone 6/iPhone 6 Plus適配版本即將提交App store審核。先曬一下我們采用的協作模式,再慢慢說明原委。 第一步,視覺設計階段,設計師按寬度750px(iPhone 6)做設計稿,除圖片外所有設計元素用矢量路徑來做。設計定稿后在750px的設計稿上做標注,輸出標注圖。同時等比放大1.5倍生成寬度1125px的設計稿,在1125px的稿子里切圖。     第二步,輸出兩個交付物給開發工程師:一個是程序用到的@3x切圖資源,另一個是寬度750px的設計標注圖。   第三步,開發工程師拿到750px標注圖和@3x切圖資源,完成iPhone 6(375pt)的界面開發。此階段不能用固定寬度的方式開發界面,得用自動布局(auto layout),方便后續適配到其它尺寸。   第四步,適配調試階段,基于iPhone 6的界面效果,分別向上向下調試iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的界面效果。由此完成大中小三屏適配。   為什么選擇iPhone 6作為基準尺寸? 當面對大中小三種屏幕需要適配的時候,很容易想到先做好一種屏幕,再去適配剩下兩種屏幕。第一個決定是到底以哪種屏幕作為設計和開發的基準尺寸。我們選擇中間尺寸的iPhone 6(750px/375pt)作為基準,基于幾個原因:   1、從中間尺寸向上和向下適配的時候界面調整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優雅的設計,到320pt可能元素之間比例就不是那么回事了,比如圖片和文字之間視覺比例可能失調。   2、iPhone 6 plus有兩種顯示模式,標準模式分辨率為1242×2208,放大模式分辨率為1125×2001(即iPhone 6的1.5倍)??梢姽俜较到y里iPhone 6和iPhone … 繼續閱讀 →

      • 通俗易懂!全面的移動端尺寸基礎知識科普指南
        通俗易懂!全面的移動端尺寸基礎知識科普指南

        初涉移動端設計和開發的同學們,基本都會在尺寸問題上糾結好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理清關于尺寸的所有細節。由于是寫給初學者的,所以不要嫌我啰嗦。 現象 首先說現象,大家都知道移動端設備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。 不要被這些尺寸嚇倒。實際上大部分的app和移動端網頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規律可循。 像素密度 要知道,屏幕是由很多像素點組成的。之前提到那么多種分辨率,都是手機屏幕的實際像素尺寸。比如480×800的屏幕,就是由800行、480列的像素點組成的。每個點發出不同顏色的光,構成我們所看到的畫面。而手機屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。剛好兩倍,然而兩款手機都是3.5英寸的。 所以,我們要引入最重要的一個概念:像素密度,也就是PPI(pixels per inch)。這項指標是連接數字世界與物理世界的橋梁。 Pixels per inch,準確的說是每英寸的長度上排列的像素點數量。1英寸是一個固定長度,等于2.54厘米,大約是食指最末端那根指節的長度。像素密度越高,代表屏幕顯示效果越精細。Retina屏比普通屏清晰很多,就是因為它的像素密度翻了一倍。 倍率與邏輯像素 再用iPhone 3gs和4s來舉例。假設有個郵件列表界面,我們不妨按照PC端網頁設計的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會小到根本看不清字。 在現實中,這兩者效果卻是一樣的。這是因為Retina屏幕把2×2個像素當1個像素使用。比如原本44像素高的頂部導航欄,在Retina屏上用了88個像素的高度來顯示。導致界面元素都變成2倍大小,反而和3gs效果一樣了。畫質卻更清晰。 在以前,iOS應用的資源圖片中,同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣,有的不帶。其中不帶@2x的用在普通屏上,帶@2x的用在Retina屏上。只要圖片準備好,iOS會自己判斷用哪張,Android道理也一樣。 由此可以看出,蘋果以普通屏為基準,給Retina屏定義了一個2倍的倍率(iPhone 6plus除外,它達到了3倍)。實際像素除以倍率,就得到邏輯像素尺寸。只要兩個屏幕邏輯像素相同,它們的顯示效果就是相同的。 Android的解決方法類似,但更復雜一些。因為Android屏幕尺寸實在太多,分辨率高低跨度非常大,不像蘋果只有那么幾款固定設備、固定尺寸。所以Android把各種設備的像素密度劃成了好幾個范圍區間,給不同范圍的設備定義了不同的倍率,來保證顯示效果相近。像素密度概念雖然重要,但用不著我們自己算,iOS與Android都幫我們算好了。 如圖所示,像素密度在120左右的屏幕歸為ldpi,160左右的歸為mdpi,以此類推。這樣,所有的Android屏幕都找到了自己的位置,并賦予了相應的倍率: ldpi [0.75倍] mdpi [1倍] hdpi [1.5倍] xhdpi [2倍] xxhdpi [3倍] … 繼續閱讀 →

      • Dashboard設計思考(上篇)

        文刀:在企業類應用服務(SaaS)、檢測工具(手機安全助手)、量化自我工具(智能手環)等后臺管理系統中,使用Dashboard可以幫助用戶監控和分析數

      • 聊聊移動APP導航設計的改版實戰

        關于手機App 的導航設計討論已經有很多了(特別是針對漢堡菜單的討論)。今天翻譯的這篇文章,是原作者在真實的 App 中對導航進行改版,觀察數據

      • WakeUP UI界面設計

        WakeUP UI界面設計 TG-vision團隊和專業的LaluzAPP腦電波公司再次合作推出WakeUP醒腦!軟件。Sleep UP熟睡的同門兄弟軟件。整體風格繼續保持沿用全透明玻璃

      • 2014中國產品經理大會12月5日廣州隆重開幕

          2014中國產品經理大會重磅來襲!由國際體驗設計大會主辦的2014中國產品經理大會將于12月5-7日在廣州琶洲保利4號館隆重舉行。   本屆

      • 木質圖標ICON設計

        木質圖標ICON設計

    • 專題

      • 設計師找工作的那些事
        設計師找工作的那些事
      • 設計師自學之路
        設計師自學之路
      • 你應該要學會的設計溝通
        你應該要學會的設計溝通
      • 有關文字在移動端的那點事
        有關文字在移動端的那點事
    • 資料

      • 界面設計尺寸文章匯總
      • Sketch中文版手冊
      • 《iOS Wow Factor》全書譯文精選
      • Material Design 中文版

      標簽更多標簽

      UI UI設計 交互 交互設計 產品設計 原型 團隊 圖標 圖標設計 工作 工具 應用 應用軟件 扁平化 手機界面 智能手機 用戶 用戶體驗 用戶界面 界面 界面設計 移動互聯網 移動應用 移動端 移動設備 網站 視覺 視覺設計 設計 設計師
      致設計

      薦書更多推薦設計書籍

      • Android應用UI設計模式
        Android應用UI設計模式 本書介紹了58種必不可少的交互設計模式
      • 設計之下
        設計之下 搜狐新聞客戶端的用戶體驗設計,講述移動APP設計全過程的書籍
      • 品味移動設計
        品味移動設計 iOS、Android、Windows Phone用戶體驗設計最佳實踐
      • 用戶體驗要素
        用戶體驗要素 認識這些要素、戰略層、范圍層、結構層、框架層、表現層
      • UI進化論:移動設備人機交互界面設計
        UI進化論:移動設備人機交互界面設計 涵蓋交互設計與界面設計的基本概念、設計規范和工作流程
    • 莫貝網微信訂閱號,www.casaleticia.com

    最新文章

    • 如何利用網格系統科學地打造APP界面?
      如何利用網格系統科學地打造APP界面?

      在視覺設計師設計一款APP的時候,最先要制定一套完善可行的設計規范,其中會詳細定義顏色、文字、圖標、...

    • 在這些因素的制約之下,才能選取出科學的配色方案
      在這些因素的制約之下,才能選取出科學的配色方案

      Tubik Studio :我們的日常生活中總是面臨著無盡的選擇,大量的挑戰。設計的決策也是如此,一...

    • 你設計的圖標,能順利通過圖標的可用性測試嗎?
      你設計的圖標,能順利通過圖標的可用性測試嗎?

      在業務迭代周期內,產品經理和設計師對要做的產品需求和功能點進行需求分析和設計討論的過程中,有時會出現...

    關于我們

    • 莫貝網(www.casaleticia.com)移動設備界面設計專業網站。為UI設計師提供手機界面設計,移動應用界面設計,平板電腦界面設計,導航界面設計等手持移動設備,移動終端界面設計相關知識的收集分享,共同學習的網站。
    關注微博: 新浪微博 騰訊微博

    搞機市集

    粵ICP備12009933號 Copyright ? 2011-2022 MobileUI莫貝網 - 手持移動設備界面設計專業網站
    關于 聯系 投稿 免責聲明 贊助廣告 網站地圖
    古装无遮挡一级毛片,完整欧美一级婬片免费看,chinese mon@熟女
  • <input id="wwk4g"></input>
    <menu id="wwk4g"><object id="wwk4g"></object></menu>
  • <input id="wwk4g"><object id="wwk4g"></object></input>