<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          B端問答 – 給新手B端設計師的四點建議

          seo達人


          一、改變固有的思維方式

          每個人,在處理自己熟悉的事物時,往往都會有 「思維定勢」。我們在設計頁面時,會去考慮用戶的思維定勢,而在處理設計問題時,也是同樣的道理。

          在與許多 C端轉B端的資深設計師 交流過程中會發現,他們在去處理 “問題” 時,仿佛還是按照之前的思維定勢。也就導致在工作過程當中遇到諸多麻煩,比如:

          • 領導抱怨其經驗不夠,但他又是一位從事多年的設計師
          • 在處理設計需求時,只會在乎“表面問題”
          • 在團隊中得不到重用,名副其實的組件設計師

          究其原因是在C端時代,設計師的口中都是圍繞著用戶進行展開;

          圖片

          而到了B端時代,我們聊的就不再是用戶,而更多是營收,是流程、是業務。

          圖片

          因此在去處理B端需求時,設計風格就一個“表面工程”,并不是說它不重要,而更多是為了服務產品真正的“靈魂”。

          回過頭去看作品集,我們要求的就不是:你作品集的排版究竟有多好、我選擇了什么好看的字體、用了哪些亮眼的配色,而更多是從你的作品集當中,看出你的思考,通過你在交互流程上的調整,產品進而得到哪些優化。

           

          二、跳出自己的舒適圈

          在自己的舒適圈,可以理解為 安逸”。

          安逸這個詞,在我一個成都人面前,簡直“不值一提”,它既能夠表達你對于當前狀態的一種贊嘆,同時也是對別人的一種羨慕。因為在說安逸時,我們往往只會說別人過得多么安逸。

          很多人會認為,跳出自己的舒適圈不就是內卷么?

          但是我更愿意把它理解成一種學習態度,因為剛接觸到的B端事物,一定是全新的,打破你之前認知的東西。比如 聊低代碼產品,我們肯定會去說 對象、布局、配置表單。

          而這些東西,稍微延展都是非常多的內容,如果你從事多年B端設計過后,你會發現你越來越像一個產品經理,只是因為大家站的立場會有所不同,所產出的內容會存在些許差異。而如何了解業務?可以看看之前的文章《B端設計師如何快速了解業務》。

          當你產生焦慮的時候,就特別想要跳出舒適圈。我自己也是一樣,之前上班工作時,每天早上10點到崗,我卻在6點50的天府三街沉浸學習,這也能夠有充足的時間去做工作以外的事情。

          圖片

           

          三、選擇更有潛力的行業

          在B端產品當中,行業選擇是非常重要的一件事。因為想在這一行業深入發展,一定是需要陪伴企業走過 2-3 年,并且在后續的跳槽過程中,行業屬性是你非常重要的標簽。可以看到各類招聘信息當中都明確指出行業的重要性。

          因此選擇一個更有潛力的行業,能夠在后續的職業生涯當中,加分不少。這里給你們推薦一些出名的企業與前景廣闊的行業(感謝4群同學的分享~):

          圖片

          想要高清圖片,可以查看公眾號原文, 點贊/在看 原文章,然后截圖私信CE青年的微信即可(vx:ceqingnian)。

           

           

          四、專注深耕某一領域

          看似與上一條重復,但是想要給大家講得關注點會有所不同。

          這里的重點是深耕,因為在與一些工作 2-3 年的B端交互設計師的接觸過程中,會發現他們對于自身業務仿佛并不了解、甚至有些陌生。而深耕某一領域,也就意味著你在一個行業有著專家級的水平。而后續的跳槽,也可以通過你自身的實力,快速上手該行業的對應業務。

          而深耕雖然會在職業發展的后期帶來諸多困境,但是不得不說在B端市場的前期,能夠教會你很多分析B端問題的道理。

           

          總結

          B端設計與C端不同,業務形態上就會存在巨大差異。同時在工作的態度上,不建議大家過于浮躁,因為B端需要較長的研發過程,導致需要你能夠在某一個行業深耕,因此在職業發展上,希望能夠做出謹慎選擇!

           

          原文鏈接:CE青年(公眾號)

          作者:CE青年

          轉載請注明:學UI網 ? B端問答 – 給新手B端設計師的四點建議

          工作經驗|設計資產庫中的組件,應該如何命名?

          seo達人



          組件的命名方式

          設計系統的基礎工作之一就是給組件命名。這個工作看上去并不起眼,似乎還有些機械重復,但實際上卻需要具備嚴謹的邏輯和對細節的錙銖必較。

          組件的命名方式并不唯一,你可以按照你對組件構成的理解,來規劃你的命名邏輯。下圖以我工作中用到的一款組件庫為例,呈現出組件的命名邏輯:

          圖片

          可以看到,我們在命名時分了 5 個層級,依次是類別,元件,模式,等級,狀態。

           

          1、類別

          類別指的是組件最本質的作用和寬泛的應用場景。通常我們會分為:通用、導航、數據錄入、數據展示、反饋等幾個類別,類別以及其中的部分組件如下圖所示:

          圖片

           

          2、元件 / 組件

          元件即具體的、單一的組件,比如 “導航” 這個類別下就包括了固釘(返回頂部)、面包屑、下拉菜單、導航菜單、分頁、頁頭、步驟條等幾個組件:

          圖片

           

          3、模式

          目前的模式通常會分成暗黑模式(Dark Mode)淺色模式(Light Mode)兩種,但隨著對用戶體驗的不斷重視,未來也有可能會出現 “護眼模式”、“色盲模式”、“高對比度模式” 等模式。

           

          4、等級

          等級的分類和數量由組件的基本功能和在產品的具體需求決定,有些組件比如 “分頁器”、“面包屑” 通常只有一個等級,在命名的時候就可以不體現;而有些組件如 “按鈕”、“標簽頁” 、“導航” 則會有多個等級:

          圖片

           

          5、狀態

          狀態即組件在交互時的變化樣式,通常包括普通(默認)、懸?。☉彝#?、點擊、失效(禁用)等,根據不同組件的特性,也可能會包括危險提示、聚焦等狀態。

          根據上述這個規則,我們就可以對所有組件進行有規律的命名,下圖中組件懸停狀態的命名為:Navigation/Sidemenu/Light/Primary/hover

          圖片

          圖片

           

          組件命名的注意事項

          在給組件命名的時要注意以下幾點:1. 含義清晰

          組件的命名能夠清晰的體現組件的性質和狀態,不要僅僅使用數字 1、2、3 來代替狀態。舉個例子,你的產品品牌色主色名稱的結尾應該是:“……brand/primary”,而不是 “brand/blue1”,或 “brand/ #E60326”。

          除了色板,我們對于組件也是要盡量清晰的描述組件的類別和狀態,而不是它的外觀。比如按鈕在“懸停狀態”的時候是淺藍色,你命名到 “懸?!?nbsp;的狀態就可以了,這時你的按鈕名稱后半部分應為:“……/button/primary/hover”,不需要提及按鈕的顏色變化。

          這種命名結構可以最大程度上確保組件與系統一起發展,如果當主按鈕的顏色發生變化,你也不必在整個系統和組件中更新其名稱。

           

          2. 遵守邏輯

          命名結構要有邏輯,名稱根據一定的邏輯結構進行推導,以便于當組件有新增、或組件庫有革新時可以順暢的添加和修改。

          由于不同組件的等級和狀態千差萬別,建議你也可以先梳理出上文圖中的命名邏輯層級表,按照表單進行工作,簡單清晰,也方便團隊的其他設計師一同協作。

           

          3. 良好習慣

          養成良好的工作習慣,建立標準的工作流程和規范,包括:

          • 用斜杠 “/” 分隔單詞
          • 不要隨意添加空格
          • 僅使用小寫字母
          • 盡量使用英文單詞
          • 修改內容后及時同步給團隊等等

           

          在公眾號后臺回復 “組件”,會看到更多與之相關的干貨講解。如果你還有其他與組件相關的問題,歡迎向我提問。

           

          原文鏈接:長弓小子(公眾號)

          作者:元堯

          轉載請注明:學UI網》工作經驗|設計資產庫中的組件,應該如何命名?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務




          情緒版還能這樣做?難怪大廠的設計師那么強

          seo達人

          圖片

           

          在我們平時的工作中,經常需要創建各種各樣的情緒板:用于品牌、App、海報、服裝……等涉及到設計領域,但我經常會發現在整理素材和歸納的時候,很容易遺漏某些步驟,或者創建過程晚了被客戶拒絕,所以我決定寫一篇總結文章,其中包含一系列技巧和工具。

          圖片

           

          什么是情緒板?

          有些人將其稱為風格圖、參考圖,但它們之間的差異存在爭議,但總而言之,它是一組圖像,把它們匯總在一起代表品牌(或項目)將采用的視覺方向。

          我們可以將情緒板的作用總結為三個主要目標:

          • 為視覺設計過程奠定基礎
          • 建立了品牌的世界觀
          • 提供視覺標準,便于以后的視覺延展和一致性

           

          如何制作情緒板

          我在剛參加工作時的項目中所犯的第一個錯誤就是收到一個新的設計需求簡介后,就立即瘋狂收集參考圖,我想這是與品牌匹配的,沒有任何問題。(然而這樣的設計方式非常錯誤且痛苦)

          現在看來,與之相反的,應該先花點時間分析下設計需求簡介,讓自己真正了解品牌的背景、歷史、未來計劃、行業、競爭、目標受眾、品牌信息和價值主張。如果以上任何一塊缺失并影響了創建情緒板,你最好都需要先跟需求方溝通清楚缺失部分的細節。針對這些缺失的細節發送品牌調查問卷,避免甲方推翻重新設計,影響設計進程。

          圖片

          情緒板在品牌推廣過程中占有一席之地,但在一開始的時候肯定是沒有的。假設你已經從客戶那里收集了所有信息,現在我們準備進一步推進情緒板創建的實際步驟:

          1) 研究并搜集參考

          2) 排版和優化

          3) 情緒版展示(可選)

          接下來,會詳細的為大家分享每一個步驟。

           

          研究并搜集參考

          在我開始找圖之前,我喜歡把需求介紹中的形容詞或其他關鍵詞放在自己面前,這樣我就可以檢查研究的內容是否與關鍵詞產生共鳴。

          圖片

          圖片

          另外,不要忘記還要了解目標受眾和市場細節!

          在我們談論研究之前,我想分享幾個我喜歡使用的圖像收集工具。

          Pinterest 幾乎是圖像收集的首選工具之一。你們中的許多人可能已經在用了, 優點是很容易設置收集畫板,并且關聯圖片和以圖搜圖都非常方便,而且還是免費的。

          圖片

          Sample board from Pinterest 來自 Pinterest 的樣板

           

          (彩云注:原作者這里還介紹了另外兩款工具,但經過彩云的研究,發現不那么好用,不符合中國設計師的使用習慣,所以我去掉了這部分的內容。)

          你也可以直接保存到桌面。但我喜歡用工具進行整理,所以當我完成研究過程后,我至少對于搜集整理方面的工具有一個廣泛的了解。

          一個非常新的收藏工具叫做  mymind ( https://mymind.com ),由設計師 Tobias van Schneider 開發。這是一個瀏覽器擴展程序,它可以幫助你保存圖像、文本、視頻、完整的文章、產品或其他內容,方法是使用插件擴展或右鍵單擊添加到一個大集合(收集上也可以用)。

          這是對不太喜歡打標簽和分組的人做的工具,因為它會自動搜索已保存材料之間的聯系并添加標簽,因此在某些方面要比 Pinterest 更易于搜索

          好了,工具夠用了!你準備好獲得靈感了嗎?在開始搜索之前,我們需要記住我們之前定義的那些品牌形容詞(工業、堅定、空靈等等)。

          因為我知道搜索過程會讓我陷入困境,所以第一件事就是給自己設置一個計時器(對我來說大部分搜索收集圖片時間是 1.5 小時)。

          圖片

          我首選的工具是 Google 和 Pinterest,重要的是在這個階段不要把自己限制在任何事情上并保存所有吸引你眼球的東西,這樣你就有足夠的材料可以使用。

          我會有針對性的找一些關鍵元素來向客戶(或我自己)展示并在以后為設計決策提供信息:顏色、排版、行業和整體氛圍、包裝、攝影、插圖風格、紋理、圖案、logo。

          這聽起來很簡單,但如果品牌形容詞沒有太多引導作用呢?這里有一些提示可以嘗試:

          • 搜索類似的詞。例如,在Solomo的例子中,一開始我試圖搜索功能,但這樣搜索出來的可能全是無聊的辦公場所,所以我會嘗試尋找同義詞。
          • 如果沒想法的時候,嘗試關掉電腦并閉上眼睛想想,當我聽到這個詞時我會想到什么,這也有幫助。
          • 如果你和和團隊有時間的話,可以組織一場腦爆會一起討論探索想法,讓更多人參與,這樣也能快速幫助你找到靈感。

          分享一些我常用的額外資源:

          [Designspriration] — 精選靈感搜索

          [PICDIT] — 高級攝影作品網站(彩云看了下貌似近期沒有更新了,但以前的內容還是值得一看的)

          [Flickgraphics] — 藝術排版靈感庫

          [Adultartclub] — 藝術攝影靈感庫

          [Dayinthelandofnobody] — 藝術攝影

          [Visualgraphic] — 版式靈感

          [typophile] — 排版靈感

          [logos.ai] — 排版和logo

          在你收集了一堆圖片之后,接下來我們將看看如何處理它們。

           

          排版和優化

          1. 選擇一個工具(Canva、Figma、Miro 等,彩云經常用sketch)

          將圖片組合成可展示的格式。我建議選擇一些客戶無需安裝即可輕松使用的東西,這樣反饋周期會更短。如果平臺也有一些主題選項,那就太好了,例如,你可以根據客戶的品牌顏色對其進行定制,并且可以將相同的結構重新用于不同的產品。

           

          2. 挑選和組織圖片

          將每個圖片下載到本地并把它們歸納分配在相關的風格或品牌形容詞下。

          圖片

          如果只需要部分圖片,記得裁切好需要的部分。

           

          3. 將圖片進行排版分組

          在組織這些圖片時,首先要記住的是顏色。我們需要避免用戶在單個對象上花費太多時間,也不是自然地從一張圖流向另一張圖。

          你可以嘗試限定好圖片的數量,對我來說10-15是一個很好的起點。

          圖片

          彩云也收集了一些比較優秀的情緒版排版供大家參考

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

           

          4. 檢查并最終確定方案

          如果你已經到了這個階段,那就太好了!現在是時候對最初的品牌形容詞做檢查標記,看看情緒版是否整體傳達了品牌氛圍。

          圖片

          在情緒版中有一個能自檢的列表非常不錯,我們要問自己的問題:

          • 客戶可能會過于字面理解嗎?
          • 情緒板是否反映了品牌氣質?(逐個檢查品牌形容詞)
          • 有什么特別突出的地方嗎?
          • 品牌所處的環境是否合適?

          如果一切都考慮妥當,就該進行情緒板演示了。 最后,我收集了一些最終筆記,它們可能有助于你將其展示給其他人。

           

          情緒板展示

          如何與客戶交流情緒板?

          提醒客戶不要從字面上理解任何內容,情緒板上的任何元素都不意味著要對他們的品牌(或項目)進行一對一的翻譯。例如,如果在一張圖片上有紫色的魔方飛來飛去,這并不意味著品牌會用魔方做任何事情,可能是形狀,也可能是顏色。

          強調這是品牌所在的視覺世界,而不是具體的元素。總而言之,鼓勵客戶關注整體,而不是個別部分。

          如果在這個階段一切都很糟糕并客戶不認同它怎么辦?

          圖片

          事情可能會出錯,但請記住,我們可以隨時后退一步,然后再前進。是時候回到關鍵詞了,尤其是基調部分。這時候與觀眾一起仔細閱讀每個詞,并質疑相同的詞是否仍然與品牌愿景產生共鳴,這是很有幫助的。

          如果答案是肯定的,那么最好再進行一次會議,以了解觀眾根據關鍵詞所想象的內容,以便下次符合預期。我的經驗是,如果情緒板與觀眾或決策者一起策劃,很容易獲得早期支持以避免這種情況發生。

          如果答案是否定的,可能要探索品牌愿景是否有任何變化,并從問卷開始回到開頭。盡管這一步看起來令人生畏,但客戶的舒適度確實至關重要,否則當你在整個設計過程中進一步推進時,他們將不會感到這是設計是為他們做的。

           

          本文翻譯已獲得作者的正式授權(授權截圖如下)圖片
          原文地址:medium作者:Peter Javorkai譯文地址:彩云譯設計(公眾號)

          譯者:彩云Sky

          轉載請注明:學UI網》情緒版還能這樣做?難怪大廠的設計師那么強


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          杰出的作品就是在普通的作品上“搞破壞”

          seo達人


           

          圖片

          圖片

          這樣的,

          圖片

          圖片

          以及這樣的。

          圖片

           

          第一眼看過去我只想送他一句:你確定不是在搞破壞?但多看幾眼你就會覺得很過癮,沒有這些“搞破壞”的處理方式,這些作品就只是一張普通的圖片而已,而被破壞后,它們就成為了一件藝術品,有一種神秘、不安、頑皮的感覺。 
          其實很多設計作品也會采用類似的手法,通過把一張普通的圖片、一個平庸的版面進行破壞,從而得到一件優秀的設計作品。  
           

          01.破壞圖片

          破壞圖片通常有這么幾個做法: 
          ? 在圖片上面直接排文字
          與通常大家刻意讓圖片與文字處于分離狀態、互不干擾的排版方式不同,下面這些作品都是毫不避諱的把文字直接打在圖片上,這類型的作品圖片通常要比較大,視覺張力才會更強。

          圖片

          圖片

          圖片

          圖片

           

           

          ? 在圖片上面覆蓋色塊再加文字
          這種破壞方式比第一種更絕,下面這些作品直接用色塊壓住圖片,并且還是壓住圖片比較重要的部分,這種方式可以使得色塊上的文字被進一步重視,視覺沖擊力極強。

           

          圖片

          圖片

           

           

          ? 將圖片進行裁剪
          比如把一張完整的圖片一分為二,可以使畫面變得更有趣、更有設計感。

          圖片

          圖片

          圖片

           

          02.破壞文字

          即通過對文字進行一些特殊的處理,降低其識別性或破壞其結構,但并不會阻礙內容的傳達,反而使畫面更具視覺沖擊力,更令人印象深刻。 
          ? 用圖片遮擋文字
          為了不阻礙信息的傳播,通常只是用圖片壓住少數文字的局部,或者圖片本身有一定的透明度。

          圖片

          圖片

           

          圖片

           

          圖片

          圖片

           

          ? 用色塊遮擋文字
          色塊的不透明度通常也是低于100%的,所以效果類似于用有色透明膠貼在文字上,破壞效果杠杠的。
          圖片

          圖片

          圖片

           

           

          ? 用文字遮擋文字 
          通常是用另一種顏色、另一種字體的文字,疊加原有的文字上面,形成文字交錯的效果,畫面的層次感和沖擊力會同時得到增強。

          圖片

          圖片

          圖片

           

           

          ? 裁剪文字
          對文字進行裁剪再重組,在不影響文字識別性的基礎上,使其更有形式感和設計感,裁剪的方式通常為斜切。
          圖片

          圖片

          圖片

           

          03.破壞版式

          即原本整體排版比較和諧的版面,被某一完全不同的局部排版動作打破,版面效果從安靜、平穩開始變得活躍、高調。常見的幾種破壞方式有: 
          ? 文本繞排
          即文字沿著某個圖片或者某一路徑的外輪廓進行排版,造成原本完整的文字塊好似被挖去了一部分的效果,這種破壞方式比較適合報紙、雜志或畫冊的排版。

          圖片

          圖片

          圖片

          圖片

          ▲上圖的色塊文字也被當作是圖片來處理。 
           
          ? 文字混排
          即把標題或者某些關鍵詞,用與版面其他文字完全不同的字號、顏色、排版方式或者字體來排版,使得整個版面被嚴重破壞,后者的字號往往需要很大。

          圖片

          圖片

          圖片

           

          04.破壞背景

          即在原本干凈的背景中加入圖片或者圖形,使版面在視覺上變得更加跳躍,但是由于這些元素都是位于背景層,所以對正文不會造成實際性的干擾。需要注意的是:這些圖片和圖形絕對不會是那種很漂亮、很正規的,否則就達不到破壞的效果。

          圖片

          圖片

          圖片

          圖片

           

          05.破壞文字/版式

          比如利用色塊覆蓋住原本版面中的部分文字,然后在色塊上用不同于之前的排版方式排列一些文字,于是就有了雙重破壞的效果。當然,被覆蓋的文字要么不重要,要么只是覆蓋住了局部而已。

          圖片

          圖片

          圖片

          圖片

          圖片

          06.破壞文字/圖片

          即通過某種處理方式對版面中的圖片和文字進行整體破壞,例如: 
          ? 用色塊或圖片同時遮擋住原本版面中的文字和圖片。

          圖片

          圖片

           

           

          ? 同時對版面中的文字或圖片使用某種特效,比如錯位裁切,這種做法通常是為了表達某種訴求。

          圖片

           

          07.破裂的效果

          塑造一種沖破或破裂的效果
          比如人物或動物從一張扁平、完整的畫面中沖出來,好像捅破一張報紙一樣,呈現出沖破的偽3D效果。

          圖片

          圖片

          再比如把一張完整的畫面做出被撕裂或破碎的效果,好似墻壁開裂或者玻璃被擊碎的瞬間,這種破壞方式也可以讓原本常規的畫面變得更有視覺沖擊力,以及更有深意。

          圖片

          圖片

          圖片 

          做多了干干凈凈、整整潔潔、很美好的設計,是不是覺得有點無聊、乏味,受眾估計也有這種感覺,所以何不搞搞破壞,打破這種安靜的狀態,給作品一點不一樣的東西,這樣的作品或許才更有生機。在設計的世界里,沒有哪種做法是絕對正確的,也沒有哪種做法是絕對不行的。當然這些出格的設計形式最好要吻合品牌的調性,或者能夠幫助表達設計內容,不是純粹為了破壞而破壞。

           

          原文地址:蔥爺 (公眾號)   
          作者:蔥爺  

          轉載請注明:學UI網》杰出的作品就是在普通的作品上“搞破壞”

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!

          seo達人


          什么是設計中的對比?

          圖片

          對比是設計中的一個重要設計原則,因為對比能夠有效組織界面信息,并構建設計層次,通過這樣來向用戶傳遞關鍵重要信息。

          合理準確的運用對比原則可以有效的提高設計質感,當然如果過渡使用對比有時候也會適得其反,比如顏色對比過于強烈,反而影響了視覺閱讀。

          圖片
          有了對比原則,我們在組織信息排版、質感塑造等都能快速有效的進行設計,下面我們來看看在UI設計中如何應用顏色和形狀對比原則

           

          #O1.顏色對比

          圖片
          色彩對比中,應用較多的就是色相對比、冷暖對比、明度對比等。兩種以上色彩組合后,由于色相差別而形成的色彩對比效果稱為色相對比。它是色彩對比的一個根本方面,其對比強弱程度取決于色相之間在色相環上的距離(角度),距離(角度)越小對比越弱,反之則對比越強。
          圖片

          色相環

          如上圖,在色相環上,色相之間的角度大小就決定了對比的強烈程度,因此我們在選擇色彩對比時候需要注意。

          例如,下面這張設計圖就是青綠色與紫色之間的對比,屬于色相對比

          圖片
          下面紅色和黑色組合,形成強烈的對比。
          圖片
          當然在色彩對比中除了色相對比,還有明暗對比
          圖片

          上圖配色色板中,分別應用色相和明度之間的對比。

           

          #O2.形狀對比

          圖片

          形狀對比一般是有規則和無規則形狀,比如上面的圓形和液態的有機圖形進行組合,前者較為規整,后者往往彎曲且不對稱,二者搭配使用可形成良好的對比。

          那么在UI設計中的形狀對比一般都是在棱角之間出現較多或者圖標符號。

          圖片
          如上圖幾何形狀,它在UI設計中一般都是容器形式存在。形狀用好了也可以打破傳統的固有的規整設計思路,從而在眾多產品中形成競爭。
          圖片
          比如這樣的形狀應用,和現有市面上規整的圖形設計形成明顯的差異點。
          圖片
          色彩的包裝也可以使用不同形狀來定義,差異化中圖形設計的趣味性。
          圖片

          Google的Materials you Android 12設計語言的出現,將不同形狀容器的組合在設計中,演變出多種組件容器,這樣的思路,值得我們深入思考與學習,為什么我們之前就想不到這樣的思路?

          全新Android12,全新設計語言,快來了解下安卓最新系統設計

          形狀對比在產品設計中的應用有更多無限可能,現在最難的還是大家的思維限制,希望以一種開放的心態去挑戰設計更多可能性。

          圖片
          界面中圓形和方形的形狀容器混合設計。

           

          #O3.大小對比

          圖片

          在UI設計中對比其實就是差異化,實現信息層次的一種方式。在使用大小對比時候,大的元素就需要更大,小的就讓它更小,不能拖泥帶水,不大不小。

          圖片

          當遇到顏色相同的版式設計,可以通過大小來做層級區分。

          圖片

          上圖界面設計中,標題文字最大,周邊運用留白,使得信息層級區分更明顯。

          定位圖標最大化顯示在地圖中心區域,聚焦,引起用戶的關注和留意。

          好了,今天文章差不多到這,我個人覺得圖形的對比用好后將是構建競爭力最有效的設計手段,突破同質化壁壘,大家下去可以多去練練,找到設計的感覺。

           

          原文地址: 功夫UX(公眾號)
          作者: 功夫UX
          轉載請注明:學UI網》做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          底部標簽欄動效設計 10 佳案例

          seo達人


           01.  多層顏色疊加的動效表達  
          圖標動效是底部標簽欄動效表達最常用的形式,動效的形式也是豐富多樣,各自都有屬于自己的特點。如何才能完美的結合動效進行演變,還能帶來差異化的效果,是動效設計過程中構思的主要方向。
          自如 APP 的設計整體感官體驗都是做得非常不錯的,在底部標簽欄動效設計中,采用多層顏色疊加動效,呈現出來的動感和視覺感官很棒。多層顏色的變化增強了點擊過度的吸引力,結合動效的流暢度強化了狀態變化的存在感,能夠讓用戶明確自己的操作路徑。
          圖片 
           
           02.  彈性十足的動效設計 
          動態相較于靜態表達而言,不僅豐富了感官體驗,也帶給用戶操作的趣味性,動感的體驗更能吸引用戶的關注度。動效設計的流暢度和趣味性決定了點擊欲,動效演變過程中的感官強度決定了用戶的記憶度。
          喜馬拉雅 APP 底部標簽欄動效設計,彈性十足的效果讓人過目不忘,有種想要反復點擊的欲望。彈性動效變化中流暢自然,統一的短線表達強化了元素的一致性,點擊后的內部縮小版也做到了風格統一。是一個非常不錯的動效案例,動效設計技巧值得收藏。
          圖片 
           
           03.  循環動效讓你感受時刻在場 
          動效存在于底部標簽欄設計中的目的是為了強化點擊狀態,突出當前功能的存在感,讓用戶明確自己的操作路徑。在體驗的眾多產品中,圖標動效通常是在點擊狀態之后進行過度而存在,只播放一遍。循環播放算是一種差異的體現,因此體驗的時候做了記錄。
          在機場 APP 底部標簽欄的圖標動效,點擊狀態進行圖標動效過度以外,動效將循環播放,時刻突出其存在感。循環動效讓用戶感受時刻在場,明確自己的操作路徑,不會迷失方向。
          圖片 
           
           04.  流暢的上下滾動式切換設計 
          圖標動效在底部標簽欄設計中運用最為普遍,而通過動效進行內容切換式設計相對較少。開眼 APP 利用上下滾動的動效來設計底部標簽欄,給設計師們提供了另一種設計解決方案。
          純圖標展示會增加用戶的理解成本,而通過點擊之后的文字表達可以提高用戶的理解度。通過點擊之后的滾動形式切換文字和圖標,動效非常順暢自然,體驗度非常友好。
          圖片  
           
           05.  圖標動效結合基因符號 
          如何在設計層面體現產品特性,形成差異化的設計,是設計師不斷探索的方向。結合品牌元素形成品牌基因是比較常用的形式,也有從產品屬性層面出發,提煉出基因符號或者體現產品屬性的符號。
          作業幫 APP 在進行底部標簽欄設計時,圖標動效在演變過程中結合加減乘除(+-x÷),突出產品屬性。提取了學習中大家熟知的符號,運用到動效的表達中,不僅增加了動效的趣味表達,也突出了產品特點。
          圖片 
           
           06.  收縮式交互動效設計 
          動效除了在元素層表達以外,也可以結合交互動作表達,當交互動作變化時,以動效的形式實現收縮式底部標簽欄設計。
          馬蜂窩旅游 APP 在進行底部標簽欄突破的過程中,除了采用新穎的懸浮層設計以外,在上滑瀏覽內容時采用隱藏局部功能的處理方式,讓內容的輸出面積更大。在下滑或者停頓的過程中恢復默認導航,探知用戶行為習慣并給出不同的交互反饋,帶給用戶更高的操作體驗和互動趣味性。
          圖片 
           
           07.  帶你感受水花四濺的動效 
          動效的表達往往細節的構思最為重要,大方向的設計差異不大,體現出細節的設計才能帶給用戶更有溫度的體驗。在細微之處突出自己的特點和強化品牌元素,哪怕只是一個細微的符號表達或者動效變化,都值得深入推敲。
          斗魚 APP 底部標簽欄動效設計結合了水花四濺的感覺,在點擊圖標進行演變過度時,圖標四周會隨機彈出小圓點,就像水花四濺的感覺。這種動效的體驗就像你要去抓魚,魚兒受到驚嚇激起水花四濺,帶給用戶親切自然的場景體驗。動效設計流暢自然,趣味性表達增強了用戶的點擊欲,一個非常不錯的案例設計。
          圖片 
           08.  動效簡化設計表達 
          圖標動效在演變過程中通常改變了默認和點擊狀態,動效過后需要有明顯的區分,動效結果的設計尤為重要。
          淘票票 APP 底部標簽欄動效表達之后采用更為簡潔的設計風格,利用簡單的幾何圖形組成面性圖標。動效流暢自然,動效之后的設計處理技巧是一個不錯的構思,越是簡單的圖形越能被記憶。如何把簡單的圖形設計得有特點,結合動效的演變是一個思考的方向。
          圖片 
           
           09.  動效讓設計突破束縛 
          所謂的規范并不是限制我們突破的枷鎖,“規范是死的,人是活的”。我們要做靈活的設計,而不是受制于規范的束縛性設計。
          美團外賣 APP 底部標簽欄圖標設計結合 IP 元素,突出了自身設計的差異,也強化了品牌曝光。在圖標動效的表達層面,不僅過度流暢自然,點擊后的變化突破了規范性質的標簽欄高度。突破束縛的設計效果也是顯而易見的,用戶當前路徑的操作非常顯著,也是一種不一樣的設計處理技巧。

          圖片

          1
           10.  利用動效打個響指 
          一個俏皮可愛的動效總能讓人印象深刻,不僅可以吸引用戶關注和記憶,也能形成自己的獨特風格。
          BOSS 直聘 APP 底部標簽欄動效設計中,有一個特別討巧的動效案例。在“有了”這個模塊結合了打響指的動效表達,就相當于有了一個想法,不自覺的打了一下響指,非常的貼合寓意表達。一個簡單的動作不僅準確的表達出模塊含義,差異化的動效表達突出了該欄目的存在感,提升了用戶的關注度。
          圖片  
           
             小結 
          感官體驗是為了記錄優秀的設計處理技巧,多看、多分析、多總結,才能有助于提高我們的項目設計效率。關于底部標簽欄的動效設計還有很多優秀的案例,本期僅僅作為拋磚引玉,所選案例僅代表個人喜好,希望可以帶給大家更多靈感啟發。
          文中案例選擇和描述如有補充,歡迎大家留言交流,我們互相進步。 
           
          原文地址:黑馬家族(公眾號)
          作者:黑馬青年
          轉載請注明:學UI網》底部標簽欄動效設計 10 佳案例

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          插畫教程 | BlingBling小靜物繪制過程

          seo達人

          咕嚕嚕

                  圖片

          給大家分享一個在B站直播的小靜物的繪制過程。完整的無廣告演示請查看B站的視頻,也歡迎大家加我們的群,直播會在群內通知。 

           

          教程案例:

          一、草稿       

          圖片

          先動手畫草稿~選勾線-頭墨畫筆把果子的形狀畫出來,畫的時候可以輕松一些。注意疏密與大小變化,把節奏感畫出來。

           

          二、填色

          圖片

           

          1.上色之前給背景填充了一個顏色,我一般不會在純白的畫布上填色。果子、樹枝、葉子都分圖層上固有色,方便后面修改。

                 圖片

          2.果子圖層根據光源用噴槍筆刷畫出顏色的變化,離光源近的偏橙黃,遠的偏紅紫。

          3.每塊的顏色上完之后,根據光源畫出投影。

           

           

          三、刻畫

          圖片

          1.在果子的圖層上新建圖層,把把畫布放大了去畫出每個果子的形狀與遮擋關系,形狀不好的要及時去調整。

                 圖片

          2.用噴槍畫筆把背景加上簡單的光影,讓背景不至于太單調。

                 圖片

          3.繼續細化,不斷的去調整果子的關系,想把果子畫的晶瑩剔透一些,所以反光畫的比較強烈,最后再點上高光,水潤的感覺就馬上出來啦。

            圖片

           4.給視覺中心的果子加了一些高光點,增加質感。

                 圖片

          5.利用色階、色彩平衡等圖層調整畫面,讓光影更強烈,再用雜點筆刷加一點光點,最后打上id就完成啦。

           

          原文地址:空青肆繪(公眾號)

          作者: 風綻

          轉載請注明:學UI網》插畫教程 | BlingBling小靜物繪制過程

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          阿紅愛上了阿綠,要怎么配才會好看?

          seo達人


          圖片

           

          原本相愛的兩個顏色
          阿紅與阿綠,
          因色彩過度的差異化,
          被主宰顏色的色環拆分成了180度。 

          圖片

          這個距離比橫跨中國最遠的
          撫遠縣到瑞麗市的5414公里還要遙遠,
          并寫上了咒語讓他們永遠都不能靠近。

          [優化輸出圖像]

          一旦讓紅綠色接近,

          就會被大眾蓋上紅配綠是最丑配色的罵名。

           

          圖片

          圖片

          如此遙遠的紅綠色跨度,怎么配才會好看?

          圖片

           

          調整高低的純度進行配色,則是在告訴我們,感情上有一定的性格差異才能取長補短,讓兩者色彩的使用不在那么單一化,而明度的亮暗變化像是女生時常過山車的情緒,對錯完全看臉色。

          圖片

           

          當你用禮物表達情愫而不知如何使用時,紅綠不同的純度與明度配色下,可以找到最適合的那個情景幫助你俘獲對方的芳心。

          圖片

           

          還是那個禮物,加入紅綠配色和文字后,過高的純度配比使得產品變得尤為浮夸,加上本身產品的金色與高純度的紅綠結合在一起時,仿佛印證著那個永遠都無法靠近的詛咒。

          圖片

           

          阿綠深愛著阿紅,為了阿紅它可以舍棄自己鮮亮的外表,改變自身明度的亮暗,讓阿紅成為整張畫面的聚焦點,對比之下,我們看到的不是詛咒讓他們無法靠近,而是付出才是打破詛咒的唯一真理。

          [調整輸出圖像大小]

           

          圖片

           

          但是詛咒的封印過于強大,相同的配色換了一個產品后又回到了原點,面對困難,紅綠色選擇了共同進退,一起調低了純度的色彩,達到符合產品本身的調性。

          [優化輸出圖像]

           

           

           

          圖片

           

           

          多嘗試改變配色的比例是生活柴米油鹽之外所帶來的的儀式感,也是維護感情最可靠的良藥。

          圖片

          一個吹風機,紅綠對等的配色,像是在訴說著平淡無趣的生活。

          圖片

           

           

          試著改變配色的比例,給生活做出一些改變,讓吹風機下生活的樸素感,多些有趣的行為。

          圖片

          不僅這樣,還可以嘗試改變配色的方向和形狀,當阿綠跌跌撞撞的奔向你,對阿紅說著:你也不能一個人離去,我們無論如何要在一起。

          [優化輸出圖像]

           

          紅配綠的詛咒在這一刻被真愛徹底瓦解,就像現在的配色質感,證明了紅配綠是真的好看。

           

          圖片

           

           

          正逢圣誕節更適合

          紅配綠的案例

          步驟1:

          在畫布中填充紅色底并用綠色作為描邊,將圣誕節英文放置到畫面最上方居中,并利用五角星填充到文字中形成獨特性。

          圖片

           

          步驟2:

          阿綠愛上了阿紅,為了給阿紅過節日,想著法的變出圣誕樹的阿綠讓自己成為這個圣誕節最綠的仔。

          圖片

           

          步驟3:

          線條繪制一個三角區域,利用三角結構的構圖方式,對齊進行放置文字編排。

          圖片

           

          步驟4:

          合理使用參考線會幫助排版更加快捷,并且整個版式會顯得干凈利落,分布均衡,四角的小鈴鐺是阿綠給阿紅特地準備的小心思。

          圖片

          圖片

           

          最后我們看下版式的框架,配色與構圖是相互存在的,好用的構圖如果沒有好的配色基礎,也依然難以做出好的設計,就是這樣,喵~~~

          圖片

           

          圖片

           

          ,

          圖片

           

          試著改變配色的比例,給生活做出一些改變,讓吹風機下生活的樸素感,多些有趣的行為。

           

          原文地址:修先森撩設計(公眾號)

          作者:修先森

          轉載請注明:學UI網》阿紅愛上了阿綠,要怎么配才會好看?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          從東南亞、非洲市場看,網賺產品出海如何實現爆炸式增長?

          資深UI設計者

          產品出海已經成為了當下的熱門趨勢之一;然而若不能洞察當地的用戶消費習慣、搭建符合當地風土人情的本地化運營策略,產品在海外市場上也難免折戟,更別說實現高速增長了。那么現實情景中,網賺類產品要如何做好出海運營,推動產品增長?


          隨著國內互聯網經濟形勢的下滑,互聯網行業也整體進入了寒冬時期。出海也成為了很多互聯網公司的重要選擇。

          那么如何做好海外運營,也就成了出海企業最關心的問題之一。本文將通過本人親身做海外的經驗分享,和大家聊聊網賺類產品出海運營的那些有效方法。

          “很多人認為,相比于國內,海外運營是一件相對藍海的事情。一方面東南亞和非洲等新興市場常年保持互聯網用戶三位數增長,另一方面用戶在多個領域的需求還急需新產品滿足。以東南亞市場為例,用戶普遍對金錢和利益敏感,省錢和賺錢主題的產品似乎都能引發一定的增長,所以單純從流量獲取的角度來看,獲客本身不是核心問題。流量成本相比國內更是低出很多?!?

          如果你這么看待出海項目的運營,那你可能只答對了一小半。比如你現在規劃了一個網賺類產品,通過給錢快速地實現了用戶增長。那你的產品就此就成功了嗎?

          因為任何一個項目,獲取流量也只是項目發展的第一步,獲取的流量后續的留存,價值貢獻才是一個項目能長期發展的重中之重。如果你拉來的用戶量很大,成本也很低,但是都是羊毛用戶的話(真實用戶但是價值很低),相信這也是讓你非常頭疼的事情。

          事實上這個問題在東南亞和非洲也是常遇到的問題之一。所以如何做好網賺類產品的海外運營,這并不是一件容易的事情。

          如果要中立地來講海外運營和國內運營異同的話,相同點是都是基于互聯網模式下的設計和路徑規劃,底層的人性也有一定的相通之處。

          但是國外用戶的生活習慣、文化價值觀、做事方式等與國內用戶有著很多不同,以東南亞為例,用戶普遍生活水平較低,對利益等也比較敏感(敏感到什么程度?會為了蹭網而去網吧門口蹲點蹭wifi)。用戶平時空閑時間較多,比較喜歡一些有喜感、歡樂的項目。平時守時觀念很“強”,正常情況下比約定時間遲到一小時能到。

          那面向這批用戶,我們該如何有效規劃我們的產品路徑呢?

          東南亞、非洲的用戶,他們關注的有三個核心要素。

          一是金錢等利益,因為他們確實需要;二是精神激勵,比如社交、娛樂等。適合本地活動和風格是大家喜聞樂見的形式。

          第三,是當地用戶剛需,但是目前市場上還沒有產品可以滿足的空缺地帶,比如傳音手機在非洲(價格極低、超長待機、支持多SIM卡、拍照好看等滿足當地LOCAL用戶的需求),和shareit在東南亞、非洲(在無網環境下面對面快傳文件)。

          一、送錢策略:目標預期+即時反饋+小驚喜,將產品目標植入用戶目標路徑中

          對于網賺產品,需求一和需求二的滿足是非常重要的(需求三的賺錢是用戶剛需)。利益設計上,首先我們要做的就是把我們的產品和活動包裝成local化極高的本地福利,秉承為當地用戶提供福利的方式提供這種產品(如果歐美市場還可以打環保和公益的主題)。

          但是這里面需要注意的是:不是簡單粗暴的給錢而已。

          福利的給予最好遵循游戲化的成癮性原則:以長久的目標預期+即時的過程反饋+持續不斷的小驚喜,不斷引導用戶按照規劃路徑做事。表面上,用戶是在為自己的目標付出、努力,其實我們已經把產品的目標植入到用戶達成自身目標的路徑上了。

          舉個例子,同樣是給錢,如果你給用戶的只是固定金額的赤裸裸的錢,那在用戶心智里面也只會為了這一個“賺錢”目標去不斷地做事,一旦發現錢不到位或者縮水了,或者有套路,那對于用戶體驗的傷害也是最大的。

          但是,如果你是在讓用戶玩一個游戲,在過程中把金錢作為激勵手段,那用戶的心智里面贏錢當然也是很重要的,但是同樣重要的則是玩游戲的沉浸式體驗過程中所激發出的好勝、愉悅、炫耀、貪婪等心理。

          你玩游戲的時候相信也會有這種感覺,最開始的時候為了一個目標去參與,比如賺錢或者為了娛樂感,但是玩了一段時間如果你玩進去了,你會發現自己已經忘記當初為什么要玩這個游戲了。游戲過程中的PK、驚喜還有產品體驗如果能夠持續抓住你,即便你最后輸錢,你很有可能也還會再次充錢體驗。

          不信?想想你日常和朋友玩桌游、打撲克、打臺球等游戲,初期的時候你可能就是為了娛樂,但是如果有一個人一直贏你,你是不是很不服,如果要充錢繼續PK你干不干?

          反過來也一樣,如果你一直贏朋友,你是不是很不好意思說什么晚上吃飯我請了,但是心里其實早就開心得萬馬奔騰了,以后天天拉著人玩這個游戲。

          (東南亞網賺產品BuzzBreak的游戲化設計)

          由此可見,人的目標是會在過程中逐漸轉變的,直到最后甚至可能忘記了最開始的目標,我們在運營中要學會應用成癮性原理,以一個非常吸引人的目標入手,在過程中通過不斷的反饋和誘導,結合一些小驚喜的應用,給用戶提供“上癮性”,然后把我們想要達成的目標植入這個過程里面。

          二、充錢策略:預想取之,必先予之

          除了“送錢”要送好,如何讓用戶有意愿“充錢”也非常重要。

          東南亞等地的用戶由于經濟條件相對不好,對于主動充錢這種還是比較敏感的,即便是賺錢游戲的本金充值也會采用先給用戶一點甜頭(先通過完成任務等方式賺到一點錢并且提現),再引導用戶充錢的方式提高用戶的充值率。

          這種方式在東南亞地區屢試不爽,部分項目為了提高知名度會主動延時后續轉化的策略,先以賺錢返現或者福利分享的方式把噱頭搞足,然后引導已經獲得利益的用戶進行主動分享,拉來更多的人形成多次裂變,實現滾雪球增長。

          東南亞用戶普遍喜歡社交,并且對金錢很敏感,只要解決了初期的信任問題并且建立了用戶賺錢的信心期望,用戶的參與會很火爆,裂變效果比國內要好得多。

          這個時候如果再借勢結合一些PR的宣傳,把品牌打出去,后續持續運營幾輪PR帶裂變活動,裂變活動反向提升PR熱度,PR熱度再聯動二次裂變活動的滾雪球增長玩法,一個爆款產品就成了。

          當然這個過程也需要防范羊毛、防刷等策略的配合。

          三、引流品策略:剛需+價值賦能+生態延展

          “送錢”和“充錢”之外,還有一個需要厘清的概念是:送的“錢”是什么?除了金錢之外是不是還有其他成本更低,更具有吸引力的福利?

          我們可以引用電商行業里面“引流品”“利潤品”的概念。

          比如你去商場購物,經常能看到各種型號的毛絨玩具,只要你辦一張信用卡就能得到。

          其實做過信用卡的朋友都知道,一張信用卡線上做任務返傭給你的利潤平均100+,一個毛絨玩具的成本最多也就幾十,那用戶為什么會覺得一個毛絨玩具似乎比100元現金更值呢?

          其實,這就是利用了價值賦能原理。

          通常線下逛商場的用戶女性比例比較大,女性用戶天然就對毛絨絨又可愛的東西比較感興趣。再加上毛絨玩具通??瓷先ヒ脖容^大,價值感十足,所以這個時候用戶心理就會產生一種具身認知:覺得這個物品的“意義”價值很高(特定場景下的意義賦能)。

          尤其是面向海外東南亞、非洲等地區的用戶,用戶更加注重“價值”本身,你的“引流品”是不是能夠滿足這些地區用戶的真實需要(實用為主),或者能給他們以社交賦能(比如美妝等社交身份的標識,或者有趣好玩的可以用來充當社交貨幣的展現)的“價值”就非常重要了。

          所以在你選擇“引流品”的同時,你也要同時想好這個“引流品”的意義價值究竟是什么,講個好故事同樣重要。

          如果在這點的基礎上還能自帶生態延展性(比如你的引流品系統是開源的,其他用戶/供應商可以一起參與搭建共建,類似SAAS、NFT等),那一個自然生長的可持續裂變的產品生態就形成了。

          (NFT開源平臺:用戶可以自己制作并上傳“引流品”,獲得對應分成或者直接售賣)

          四、精神激勵:口碑玩法+開源

          在利益激勵的前提下,我們也需要注重精神激勵的給予。

          比如如何在身份上給予專屬的可以炫耀、分享的標簽。這個標簽最好能和熱點、娛樂性、趣味性結合起來,給用戶提供可以談論、交友的社交貨幣。

          尤其是在東南亞、非洲等國家,用戶天然對具有傳播屬性和社交裂變的玩法比較感興趣,喜歡分享節日祝福、以及能夠彰顯自身身份、娛樂感的特殊標簽。

          比如當年facebook的主頁掛件就是特殊定制的主頁精美框件,鼓勵用戶將框件分享出去讓更多的人訪問自己的主頁,當然也順便為facebook平臺拉新,當時爭相分享參與的人很多,也給facebook帶來了不錯的拉新效果。

          后面很多公司都爭相模仿這一模式,通過制作精美的畫面、人物以及場景的方式引導用戶分享,這一模式也逐漸從中心化的玩法發展成了開源模式,有能力有想法的用戶也可以主動制作個性化的畫面、人物和場景,別人可以付費使用或者平臺統一采買,類似于現在的NFT和元宇宙。每一次分享都會帶動對應產品的口碑效應,實現產品增長(口碑營銷是海外產品增長的重要手段之一,所以ASO、SEO等需要多加重視)。

          產品做到這一步,用戶的基本需求和期望需求也就可以滿足啦,但是距離我們創造出讓用戶尖叫“WA”的興奮產品還差了一步。如何變期望為興奮,這個才是一個產品鳳凰涅槃的關鍵。

          五、打造興奮需求:MAYA法則

          先舉個例子,之前有一個泡泡水品牌,在非洲推出了一款泡泡水,揉搓15秒即可殺死大量的病菌。這個概念當地用戶的認可度還是比較高的,所以產品在初期實現了比較快的流量增長。

          但是在運營了一段時間之后,這個產品的銷量開始出現了下跌,于是品牌方展開了一個調研:調研結果顯示大部分人之所以不再購買這個產品,是因為他們覺得產品似乎無法起到殺菌的作用,之前發生的衛生問題現在依然會發生。

          泡泡水團隊感覺很困惑,因為產品在推向市場之前他們已經做過很多次臨床驗證了,產品確實有效果。怎么推向市場之后就不靈了呢?

          于是他們實地考察了用戶操作的過程,發現這個問題其實是大部分用戶都無法堅持揉搓15秒,覺得時間太久,因而中途放棄了,這個產品必須要揉搓15秒才能比較好地達到效果。

          于是他們想到了一個新的IDEA,就是通過游戲化的方式,給到用戶正向的引導。只要揉搓15秒,就可以產生多彩的泡泡,拍照很好看,以此來吸引用戶揉搓時間達到15秒,三個月不到,產品銷量暴漲。

          由此可見,興奮需求的滿足往往是出乎意料的,它所遵循的法則是MAYA法則(most advanced but acceptable),就是在可被接受的范圍內盡可能創新。讓用戶想不到,但是一旦做出來,用戶就會有一種WA的驚叫感。

          要想做到這一點,最好的方式就是要基于順人性的方式,先想想你的目標用戶都喜歡做些什么,希望達成什么目標,然后把兩者結合在一起。

          比如這個例子里面讓用戶揉搓15秒有很多種方式可以做到,比如:正向宣導揉搓15秒的好處,比如揉搓15秒給獎勵等等,但是這些做法本質上都是逆人性的,是用戶不愿意去主動完成才需要被教育、被獎勵的。

          那有沒有順從人性的、是用戶愿意主動、甚至非常希望去做的呢?非洲的用戶都喜歡拍照,如果能夠揉搓出五顏六色的泡泡,一起美美地拍照的話是不是很漂亮呢?用戶會不會為了拍出美美的照片去揉搓15秒,順便還可以達成殺菌衛生的效果呢?

          馬斯洛把人的需求層次分成5層,比較底層的是生理需求、安全需求(信任)和社交需求,比較高層次的是尊重(成就等)和自我實現(奉獻等)的需求,而興奮需求的滿足通常在比較高層次的維度上。

          你也可以想想你的產品除了激勵策略之外,還有沒有其他的創新點是可以誘發出用戶對于某種成就、自我奉獻的向往和追求呢(比如公益環保、比如納斯達克宣傳大屏展示曝光等)?這個是你的產品從期望型產品轉型成讓用戶興奮產品的關鍵。

          講到這里,策略的部分就講差不多了,這里面還有一個問題你可能想了解:作為一個土生土長的中國人,該如何有效了解海外用戶的思想和文化呢?

          六、有效了解海外目標用戶:關注歷史和當下+基本情況調研+空杯心態

          這塊我的建議是,了解一個地區用戶文化和思維習慣的最快方式就是關注對應的歷史。

          我們思維習慣的養成往往也是因為我們經歷過的事情、和成長過程中經歷的點點滴滴的演化。所以,如果想深入了解一個地區的文化,最好的方式就是去了解這個國家和地區歷史上發生過什么,以及當前他們的價值觀、生活習慣是如何養成的,如果說用戶經歷的一切你也可以同樣設身處地地理解和感受,那其實你也是用戶之一了。

          之前有一個說法是像對待家人一樣對待你的用戶,其實本質上講的也是感同身受的作用。

          如果是家人,他不用主動說什么,你也可以感受到他的訴求。天冷了就想到要給孩子多穿幾件衣服,晚餐時間到了就想到孩子是不是也餓了等等。

          如果對待用戶,也能用同樣的心態去考慮,那你其實天然就已經具備了一定的同理心,這種感同身受是深植于人類基因中的能力,即便是不同國家、地區、人種都是相通的。所以了解你的目標市場的歷史和當下是一件非常重要的事情。

          當然,國外用戶和國內的不同除了用戶本身的心理、特質之外,還有法律、地理環境等多方面因素。這個在我們確定進入這個國家的時候,也需要先做好用戶調研,了解清楚當地文化、地理環境以及法律法規對該業務的影響等。

          這里我以東南亞和美國用戶的對比舉個例子。

          東南亞用戶是一群對金錢、娛樂等非常敏感,并且對產品體驗相對要求沒那么高的一批人。這批人基本沒有經歷過PC互聯網的過渡,就直接開始使用移動手機了,所以大部分操作用戶會優先選擇在手機上完成。

          并且這批用戶耐心、能力比較差,因此對于一些復雜操作和交互很多情況下會搞不懂。所以面向這批用戶的操作界面,普遍來講都是以清晰簡單、具有視覺吸引力為主的邏輯進行展現的。

          但是在美國,美國用戶普遍對金錢不敏感,但是卻對產品的體驗有著很高的要求,面向這批用戶,我們首先需要關注的是,如何滿足他們的體驗,然后再基于這種體驗引導用戶通過付費來獲得更好的體驗和服務。這就和東南亞用戶有著非常明顯的不同了。

          同時在文化和環境上,歐美用戶普遍認為談論有趣、酷炫的死法是一件比較酷的事情,并不會忌諱(比如萬圣節),這個和亞洲用戶也形成了截然不同的對比。

          另外,從時間上來看,美國也是跨越幾個大洲的國家,州與州之間會有時區阻隔,因此在進行PUSH等活動營銷的時候要考慮不同州之間的差異,以當地時間為準進行合理的推送。但是在東南亞等其他國家則不用面對類似的問題。

          通過上面的簡單舉例,相信你也能深刻理解不同區域用戶之間的不同了。所以當我們從0至1開始一個海外新項目的運營的時候,我們要擁有一種空杯心態,把之前的認知全部拋棄,以一種全新的視角去看待我們要面對的市場和用戶,充分去理解他們的想法和思維。

          這個事情說起來簡單,但是在實際落地運營的過程中,會面臨很多的阻礙和困難,我們很容易由于慣性思維自然而然地按照之前的邏輯思考和做事,最終失敗了還不知道問題出在哪里。

          這也是中國團隊出海做產品最常遇見的坑。要想解決這個問題,就需要我們具備上述所講的“基本情況調研”“歷史和當下的理解”“空杯心態”,以及與當地local團隊形成很好的配合,才能更好地避開這些坑,實現海外增長的乘風破浪。

          講到這里,網賺產品海外運營增長也就分享完了,我們做下總結。

          首先,我們和大家講了網賺產品海外運營中常見的誤區認知,以此來說明海外運營并不是一個大家普遍認為的“藍海”市場。里面也有很多的坑和問題需要規避和解決。

          緊接著,我們通過“送錢”和“充錢”兩個部分分享了海外運營中有效的運營策略。預想取之,必先予之,這個是信任和裂變的前提。同時我們也需要設計成癮性玩法,以一個非常吸引人的目標入手,在過程中通過不斷的反饋和誘導,結合一些小驚喜的應用,給用戶提供“上癮性”,然后把我們想要達成的目標植入這個過程里面。

          除了錢,我們還可以提供其他“引流品”來滿足用戶的需求。比如價值賦能的意義產品、剛需品等,這類產品需要我們講好故事,找到和當地用戶有共鳴的意義價值,同時在模式拓展上部分產品還可以做成開源形式的,讓更多有想法、有資源的人共同加入,打造意義產品平臺。

          當然除了物質激勵之外,口碑玩法也是海外增長中經常用到的方式。用戶對于“趣味”“社交”等的持續追求讓口碑+PR的滾雪球增長成為可能。進一步,我們一起分享了打造興奮產品的MAYA法則,在可接受的范圍內盡可能創新,并且找到你的目標和用戶期望之間的連接點,順從用戶的期望設計你的興奮點。

          最后,我們分享了有效了解海外用戶的方法。關注歷史和當下,知道用戶經歷了什么和正在經歷什么,你就能從最本質上理解當地用戶為什么會這么想、這么做;再結合具體項目的法律、環境等的調研。

          這里面我們一定也要注意保持“空杯”心態,不要掉入習慣性理解的陷阱,多從歷史和當下背景的代入下換位思考,相信你對當地用戶一定會有比較好的認知和同理心。

          文章來源:人人都是產品經理   作者:王宇庭

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          聊聊社交產品中的信號與暗示

          資深UI設計者

          編輯導語:社交產品中存在著許多的信號與暗示,例如我們熟悉的“點贊”就是一個有趣而有價值的符號,它是社交產品信號的一種,往往能帶給我們積極暗示,本文圍繞我們在產品中所涉及的信號與其暗示的意義進行探討,一起來看看吧。

          一、前言

          “點贊”是互聯網近20年中最有意思也是最有價值的一個符號。

          聊聊社交產品中的信號與暗示

          發明者是Bret Taylor在前不久被任命為 Twitter 董事長。他早期創辦了 FriendFeed,后被 Facebook 收購,2010 年 Bret Taylor 出任了 Facebook 的 CTO。

          “點贊(Like Button)”被 Bret Taylor 從 FriendFeed 帶到 Facebook,并影響了全世界的互聯網產品。

          “點贊”作為信號的一種,給了我們無限的啟發。這一篇文章將圍繞我們在產品中所涉及的信號與其暗示的意義進行探討。

          二、信號與噪音

          對于用戶來說,什么是信號?何又為噪音?

          認為對用戶有價值且可被識別的信息視為信號,對用戶無用、混淆且干擾用戶在平臺上做出正確判斷的信息被視為噪音。如今的互聯網時代,已經讓用戶身邊充斥著各類信息,廣告、指標、彈窗、字體、色彩等等都可以被看做是信號。用戶對這些信號進行識別,然后再篩選。不過上述的信號也可能是噪音,因為用戶的需求不是顯而易見的。

          web1.0的時候,信息是平臺聚合起來的,用戶篩選平臺有效信號的效率并不高,或者說平臺的有效信號并不強;

          web2.0的時候,平臺已經開始感知用戶的行為,主動先篩選一輪信息,然后再給推送用戶信號,效率大大提高。比如像微信公眾號的訂閱集合,以前是用戶主動尋找公眾號,如今微信會主動推薦適合用戶的公眾號。

          俄勒岡大學心理教授 Paul Slovic 曾做過一項實驗:一組專業的賽馬手聚集在一起,看看他們根據一些因素預測結果的能力有多強。一開始,他們只被允許選擇5條關于馬的關鍵信息,然后被要求做出預測。僅憑他們所知道的 5 個關鍵因素,他們就能在短時間里準確預測,這遠遠超出了研究人員的預期。他們對自己的預測也有大約 20% 的信心。

          隨著更多的信息被添加進來,這項研究的關鍵部分出現了。每個賽馬手被允許挑選越來越多的數據。當他們這樣做的時候,他們對自己預測的信心增加了,而他們的實際結果卻大致保持不變。

          聊聊社交產品中的信號與暗示

          盡管知道了更多的信息,賽馬手的信心幾乎翻了一番,而實際結果的準確性基本保持不變。

          信息的過度疊加會產生更多的噪聲,導致有效信號的無效。在用戶沉浸在產品中的時候,就會出現這樣的問題。過量信息不但會干擾用戶發現有效信號,還有可能讓用戶因為不能發掘有效信號。用戶雖然看到了很多信號,找到自己目標的信心增強,但是無效信號或噪音阻礙了用戶找到有效信息。

          舉一個例子。進入 1V1 社交產品,主動打招呼的異性數量越來越多,用戶非常開心。因為在現實生活中,99%的人從不會主動過來打招呼。這種強烈的反差直接導致了平臺用戶對找到異性的自信心增加數倍,實際結果是,用戶很可能發現準確的聊天對象,眼花撩亂,成為被洗掉的對象。

          三、信號釋放與烏鴉悖論

          筆者認為,信號釋放與烏鴉悖論之間有一個非常有趣的關系。我的另一個想法就是烏鴉悖論也算是信號釋放的一種。就像烏鴉悖論中提到的,當你看到越來越多的黑烏鴉,你就越趨向于相信“所有烏鴉都是黑色的”假設。

          所以在這種自然現象中,如果看到一只非黑烏鴉,則會推翻之前的假設。那么在社交平臺中,如此多的信號給到用戶面前,都默認是“黑烏鴉”,如果平臺在這里放一只“白烏鴉”是否能給用戶另一種感覺,“這就是我要找的人”。

          怎樣理解這個方案,我描述具體一個場景。假設A是男生,平臺安排了他與 10 個女生相親,女生之間顏值差距不大,相親約會的地點都在飯店。男生與前 9 個女生吃晚飯后,都是男生付款請客,而到了第 10 個,居然是女生花錢結賬請男生吃飯。那么在這個男生的腦海中,他對第 10 個女生的好感度會超過前面所有的女生,男生更愿意為追女生而付出。

          這個現象也是對無效的習慣性社交方式的一種反推。

          因此,我們更傾向于相信一個觀點就是“天下烏鴉不是一般黑。社交產品不是讓黑變白,也不是讓白變黑,而是利用有效信號讓用戶篩選出白烏鴉成本更低?!?

          供給側以非常積極主動的方式出現,會給到用戶極大的可得感。在產品功能層面提供能夠讓供給側發出信號的功能, 比如:互相關注、向用戶送禮物、向用戶展現聯系方式以示誠意等等。

          在社交產品中,通過對流量的把控,給用戶釋放與其相匹配的聊天對象的流量是有可探討的邏輯在里面。因為我們知道供給側的稀缺性,如果不能夠識別用戶的價值,或者不能判斷供給側的能力水平,很可能造成流量分配的浪費。

          四、心理暗示

          提到心理暗示最著名的例子就是“望梅止渴”。事實上心理暗示往往在社交產品上會有更多的機會。

          心理暗示與我們提到的《社交夢境植入理論》有異曲同工之妙:通過想象將某些意愿和思維灌注到用戶的潛意識中,并借此對用戶的行為產生深刻的影響。

          那么如何讓用戶能夠產生心理暗示呢?

          首先,用戶必須要有需求的狀態,同時用戶自己處于接受狀態;其次,平臺要一直學會跟用戶溝通,給予用戶足夠的“對話”;避免讓用戶產生厭倦的心態,暗示頻次要循序漸進。

          當然,即便做到上述那些也不一定能讓用戶在社交平臺達到“望梅止渴”的境界,實際上還是讓用戶感受到,甚至體驗到平臺是能夠解決真正的需求。

          交流的比較廣泛,具體是要產品經理自己體會。

          有一本很經典的書《男人來自金星,女人來自火星》有這樣一個觀點:男人和女人是完全不同的物種,來自不同的星球,“感同身受”未必適合于異性交往,所以很多場景,不能以自己的思路去推斷對方。愛情提倡“平等”,但是“平等”和“一致”是完全兩個概念。每個人在自己的角度去思考的時候就會經常犯這個錯誤。

          文章來源:人人都是產品經理   作者:社交產品筆記

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合