<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>

          首頁

          產品怎樣做出刷屏級傳播?這5種思路可以試一試

          資深UI設計者

          從“秋天的第一杯奶茶”到“打工人”,從老鄉雞的土味發布會到嗶哩嗶哩的《后浪》,刷爆屏幕的傳播一浪接一浪,成為我們這個時代永不落幕的風景。產品怎樣做出刷屏級傳播呢?本文作者總結了五種思路,與你分享。

          互聯網刷屏現象層出不窮,其關聯因素紛繁復雜,其發生和走勢看起了很難把控,但通過對很多案例進行復盤,拆解其中機理,還是可以發現很多共同的規律。

          鑫爺認為,那些刷屏的傳播,大多數逃不了以下五種路徑。

          01 漣漪式:同頻傳導,無限裂變

          漣漪式傳播模型

          漣漪式傳播,通俗講就是病毒式傳播、社交式傳播,信息通過社交媒體上人與人之間的鏈條,不停地向外無限的傳導、裂變,直至達到引爆點。就像水中的漣漪,波紋從起始點擴散,通過水波引起的震動,一步步將能量傳遞到更大的范圍。

          漣漪式傳播是一種去中心化的傳播,消息可以從任何一個人那里發出,經由社交媒介的轉發、點贊、互動,形成指數級的裂變,一生二,而生三,三生無限。這是互聯網世界最基本、也是最重要的傳播途徑。

          比如說,當年火爆世界的“冰桶挑戰”活動,引來名流紛紛@對方并參與,帶來了一場全球公益的狂歡;今年老鄉雞的土味戰略發布會,只用幾百元預算做的視頻,竟然在社交媒體上獲得10w+的播放量和3.3w+的在看,成為疫情期間最大的廣告贏家。

          漣漪式傳播的發生機制,主要是口碑效應。人們出于人際交流、展現自我形象、獲得社會認同的目的,將有意思的東西內容給朋友,從而實現人際間的自傳播。

          那么,什么樣的內容最有口碑價值呢?《瘋傳》一書認為,滿足以下六種因素的內容,最容易引起口碑傳播:

          • 社交貨幣:可以作為茶余飯后談資的東西,比如說名人八卦、網紅打卡地等。
          • 誘因:在特殊情景、場合的刺激因素,比如疫情期間的共享員工用工。
          • 公共性:切中大眾關注的敏感話題,比如住房、食品安全、疫情期間經濟問題。
          • 情緒:比如憤怒、焦慮、恐懼、勵志等情緒,比如幼兒園虐童事件、各種雞湯等。
          • 實用性:跟受眾切身利益有關、對其有用處,比如本地民生政策、健康指南等。
          • 故事姓:一波三折,情節有趣:比如最近一在反轉的美國大選。

          除了內容以外,漣漪式傳播要達到理想效果,還需要傳播渠道上進行最優設計,將正式傳播(如官方發布)與人際傳播(民間爆料)、中心式傳播(如明星、KOL)與非中心式傳播(素人轉發)結合起來,形成立體式的傳播鏈路。

          比如說,如果你要在微博引爆一個事件,你可以先由素人小號爆料,再由明星轉發,官方回應等,大V觀點跟進等,一步步鋪陳直至引爆;也可以先由官方發布消息,其他明星、大V轉發評論,無數的素人小號配合造勢;也可以先發布到電視或紙媒廣告,然后微博、微信等社交媒體跟進,做進一步的討論、延伸。

          當然,具體操作上,要需要結合傳播內容和整體廣告策略來決定。

          02 破圈式:夯實地盤,破壁出圈

          在過去的電視時代,人們的聚集是集中化的、“廣場式”的,全國人民同時看一個電視臺;而如今在互聯網時代,人們的聚集更多的是分散的、“圈層式”的。尤其是95、00后的Z世代用戶,他們更多而基于興趣、亞文化聚在一起,形成一個一個的圈子,比如當今各種獸圈、飯圈、谷圈等等,不一而足。

          Z世代圈子解析

          在圈層式的受眾結構中,當某種信息在圈子內部的影響力越來越大,就可能突破原有的圈層堡壘,進入主流的大眾人群,讓更多的人知道,這種傳播就可以叫“破圈式傳播”。

          圖:破圈式傳播模型

          比如說,B站原來的用戶群體主要是二次元的人群,具有典型的圈層化特征。這幾年來,B站力圖將用戶拓展到更多的年輕人群,而今年推出的演講版的《后浪》視頻,有效的吸引了很過二次元圈外的年輕人乃至中老年人,無疑是典型的破圈式傳播。

          同樣的,這幾年在抖音、快手等流行的漢服風、JK制服、手辦等,也有了出圈的態勢。

          具體而言,傳播破圈又分為三種類型:

          • 一是從專業向大眾破圈。比如咖啡文化的傳播,就是先從專業級的手沖咖啡圈,再破圈進入資深咖啡愛好者圈,最后破圈進入普通喝咖啡人群。
          • 二是從特定階層向普通階層破圈。比如說,在古代,像翡翠、紅木家具這些品,都是皇室貴胄、高門大戶才能擁有的,如今已經破圈進入更多的階層。還有牛仔褲,最初是美國西部礦工、牛仔人群穿的,后來經過改良,成為大眾流行服飾,風靡全世界。
          • 三是由亞文化群向主流人群破圈。比如二次元文化、街頭文化、COSPLAY、古風等這些亞文化,都已經融入了中國的大眾流行之中,被越來越多人人喜愛。

          破圈式營銷的發生機制,是“參照群體”效應。人們為了融合到社會中,或是凸顯個性,會找到一個參考的人群,并模仿他們的行為。比如說,中產階層會模仿上層階級人群,購買更有體味、更能體現社會地位的品;年輕人會模仿那些有個性同齡人的興趣愛好,以便讓自己顯得與眾不同。

          要做好破圈式營銷,一定要把握好傳播的節奏。在《創新的擴散》一書中,提出了一個很經典的傳播模型:新事物需要先讓那些喜歡嘗新的早期使用者(也就是種子用戶),培養和激勵這批鐵桿人群,讓他們影響早期大眾人群,最后擴展到晚期大眾人群,借以實現破圈。

          創新的擴散模型

          比如說,當初小米手機起家之前,是通過第一批骨灰級用戶,這些用戶多為手機論壇的資深用戶,小米邀請他們參與MIUI的設計、研發、反饋等,建立了很好的忠誠度和口碑。

          借助這些種子用戶,小米實現了“冷啟動”,同時通過線下論壇交流、“小米同城會”等建立參與感,吸引了更多的“米粉”,進而破壁出圈,擴散到更龐大的發燒友人群。

          03 共創式:全民參與,一起狂歡

          共創式傳播,就是通過“發動人民群眾”,號召受眾一同參與進來,大家一起玩嗨,一起創造傳播內容,傳播者和用戶共同成就了整個傳播,乃至共同擁有產品和品牌。

          共創式傳播模型

          我認為最善于做共創式傳播的機構,莫過于新世相。他們發起的“地鐵丟書大戰”,號召大家在地鐵、車站等留下一本書,給其他人閱讀,引起了全網的討論;還有“4小時逃離北上廣”事件,號召一線城市想逃離的白領們,即時趕到機場,可以報銷機票,一時間引起朋友圈刷屏和討論。

          另外,像網易云將用戶的走心評論當做地鐵廣告素材,“認養一頭?!惫膭钕M者認養牛奶并邀請參觀牧場,抖音上發起的全民模仿“哪吒頭”,中國銀聯“銀行POS機”一元購買留守兒童詩歌作品,都是共創式營銷的典范案例。

          共創式營銷的傳播機制,在于提供“參與感”。受眾感覺自己能夠被尊重、被看見,并且獲得參與其中的快樂體驗,很容易形成自發的分享,并且容易與傳播者形成一種深度的互動關系,從而建立起持久的忠誠度。

          要建立廣受擁戴的參與感,需要滿足以下條件:

          • 一是簡單易操作。比如天與空聯合安利發起的“頭頂食物”公益活動,抖音上的“一鍵變漫畫”視頻應用,都是非常簡單的,這樣才能最大限度地降低參與門檻,讓全民一起嗨起來。
          • 二是讓人有分享動機。共創式傳播,不光要吸引參與,更重要的是要吸引他轉發,那些具有身份代入感、能夠增進自我形象、感覺自己能夠以小行動助益社會的活動,才會更容易引起分享。

          比如說人民日報發起的“傳照片生成自己的軍裝照”H5,就很有代入感;還有像奈雪之茶這些高顏值茶飲產品,消費者自愿拍照分享,則是為了凸顯自己的品味和形象;參與關愛自閉癥兒童的“今天不說話”活動,則是滿足了助力社會的自我實現心理。

          04 蒲公英式:星火燎原,所向披靡

          所謂蒲公英模式,是讓傳播渠道或者傳播事件不斷復制,派生出很多次級傳播單元,在各個角落落地生根,從而形成全覆蓋的浩瀚態勢,從而達到“星火燎原”的引爆效果。

          (圖:蒲公英式傳播模型 )

          有一些IP式的活動,有共同的主題和形式,然后在不同城市不斷進行復制,最終達到落地生根、全面開花的效果。

          比如當年優步剛進入中國時,就是靠“一鍵呼叫”系列事件,在各大城市引爆關注狂潮的。北京的一鍵呼叫人力車、上海一鍵呼叫直升機、成都的一鍵呼叫搖櫓船、青島的一鍵呼叫游艇,每個城市都復制了活動的基本形式,但又結合本地文化進行了調整,最終匯聚成席卷神州的強大聲量。

          蒲公英模式的另外一種形式,是傳播渠道上,在核心渠道以外配合很多的分子渠道,從而形成多陣列的全覆蓋效果。

          比如公眾號“吃貨小分隊”,除了“吃貨小分隊”這公眾號,還有多倫多吃貨小分隊、灣區吃貨小分隊、洛杉磯吃貨小分隊、溫哥華吃貨小分隊、波士頓吃貨小分隊等十三個子公眾號,在微信平臺頗有影響力,獲得了全美120萬以上的粉絲青睞。

          再比如樊登讀書會,他們除了官方APP,還會把官方的視頻素材剪輯成小片段,打包給到全國各城市代理商。眾多的代理商被允許在抖音、快手等社交媒體開設賬號,發布這些資料。于是,網上鋪天蓋地都是樊登讀書會的視頻內容,形成無處不在的曝光效果。

          蒲公英式傳播的發生機制,是矩陣協同作用。眾多的傳播單元,形成密集的陣列,相互支撐、相互補充、相互呼應,可以起到1+1大于2的放大作用。這跟7-11便利店的密集開店的渠道拓展模式,以及一些品牌“全國萬店聯合促銷”的玩法,有著異曲同工之妙。

          05 喇叭式:集中引爆,一舉成名

          喇叭式傳播,就是集中廣告資源,借助大媒介、大明星、大投入,讓傳播信息進行密集曝光,從而快速引爆事件。

          喇叭式傳播模型

          喇叭式傳播,是一種中心化的傳播模式,在傳統的電視、紙媒時代,很多品牌都不惜砸重金競標央視黃金時間,或者在短期內在各大衛視同時打廣告,進行形成全國性的曝光。直到今天,像瓜子二手車、大衛拖把這些品牌,也是通過密集的電梯廣告進行轟炸式的宣傳,這也算是喇叭式傳播。

          到了互聯網時代,喇叭式的傳播其實并沒有消失,只是相比過去的單向輸出,多了實時的反向互動和分享,這樣就有了二次傳播的可能。

          比如說與明星聯名做推廣,找李佳琦、薇婭這樣的頭部KOL種草,或者像完美日記那樣,集中火力在小紅書投放了大量種草日記,都是屬于喇叭式傳播,其效果可以即時獲得受眾反饋。

          喇叭式傳播的發生機制,是從眾心理。當我們在短時間內,看到小紅書、抖音、微信、微博乃至整個網絡,都在使用某個產品或者討論某個品牌,就會覺得這個品牌實力很強,他的產品大家都在買,從而跟風拔草。

          不過,喇叭式傳播也有其局限性,就是需要足夠的預算做支持。盡管喇叭式傳播的重點是拼媒介、拼覆蓋面,但是在具體執行中,也要想辦法讓傳播內容盡可能有些梗、有些料,以便刺激受眾二次傳播,廣告效果會更好一些。

          讓廣告公關化,在廣告中融入可討論的話題,不失為提升喇叭式傳播效果的一種可行思路。

          比如,早幾年世界杯期間刷屏的“法國隊奪冠,華帝退全款”事件,還有今年疫情期間網易嚴選的“勸你別看廣告了”路牌廣告,以及最近網易嚴選“退出雙11”的操作,都是在傳播中融入了公關的要素,掀起了極高的話題討論度。

          06 小結

          從傳統時代到移動互聯網時代,傳播環境不斷變化,刷屏玩法層出不窮。這種情況下,我們不光要學習借鑒的傳播案例,還要把握傳播的原理和模式,才能以不變應萬變。

          5種互聯網傳播模式總結

          以上5種基本模式,各有優缺點以及使用范圍,我們需要結合傳播的目的和策略,匹配最合適的方案。最后,祝大家天天10萬+,刷屏刷到手抽筋。

          文章來源:人人都是產品經理   作者:品牌鑫觀點

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



          設計師必備的12個APP,你有幾個?

          資深UI設計者

          大家平時手機APP中有多少是跟提升和學習有關的?自己碎片化的時間都用來做什么呢?是否在微博、微信、淘寶、抖音之間游走?在這些APP里獲得即時的快樂后,又很空虛?

          別急,今天我就給大家推薦幾款我親測好用的APP,讓大家能輕松的利用碎片化的時間去提升自己。

          設計師必備的12個APP,你有幾個?

          身為設計師,提升審美是非常重要的,可以說,審美是決定一個設計師發展的關鍵性因素。但是,審美的提升不是一朝一夕能實現的,是一個長期積累的過程,要多去看好的作品,多去分析,多去記憶。接下來給大家推薦幾個可以看作品的APP:

          設計師必備的12個APP,你有幾個?

          之前我們經常告訴大家,提升審美的一個快速的方式就是多去看好的攝影照片。國家地理大家都比較熟悉了,是風光、人文、紀實類攝影機構,這里有很多世界頂尖攝影師拍攝的照片,并且可以下載高清圖片,欣賞的同時還可以作為自己的靈感庫。每天這個app都會推薦5-10張照片,不斷刷新你的圖庫。

          設計師必備的12個APP,你有幾個?

          給大家看看我近期下載的圖片

          設計師必備的12個APP,你有幾個?

          △ 《冰山的紋理》photograph by Nancy Leigh 圖片來自:國家地理APP

          這是南極洲的天堂灣( Paradise Cove),有許多彷佛經過精雕細琢的冰山。這座冰山表面有著令人驚嘆的美麗紋理,就像高爾夫球桿揮過草皮留下的痕跡,還有一道道的條紋。它以迷人的姿態,歡迎著我們來到這個有著湛藍海水、冰河與詭異天色的海灣。2013年攝于南極洲的天堂灣。

          設計師必備的12個APP,你有幾個?

          △ 《雨驟來》photograph by 林曉敏 圖片來自:國家地理APP

          大雨驟來,巷中食肆排檔的食客不慌不忙,以雨景伴晚飯,慢活是一種生活態度。

          可能很多同學納悶,我看攝影圖片到底看什么呢?

          可以看構圖、光影、色彩、色調等等,這些在你設計時都會潛移默化影響你,比如,上面兩張圖片,最吸引我的是它們的色彩,第一張整體是藍色調的,我可以用它的顏色作為我畫面的配色。第二張圖片,色彩的冷暖對比很大,給我一種賽博朋克的感覺,設計非??岬漠嬅鏁r,就可以用到這樣的配色。

          tips:

          「國家地理」APP,安卓和蘋果系統都可以下載,安卓系統是免費的,蘋果系統要收1元的費用。

          設計師必備的12個APP,你有幾個?

          看展絕對是可以提升審美的好方法,「iMuseum」是一款可以定位搜索你附近的美術館畫廊的APP,覆蓋全球,包含了幾乎所有地區的展覽消息。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          「VART」這個可以說是「iMuseum」的升級版,它的功能很強大,「iMuseum」有的功能,它也有,除了定位全球查找展覽信息和看其他人看展動態之外,還有很多功能,比如:

          • 它可以線上購票,APP上能看到近期開始的和即將結束的展覽,看到感興趣的即可在線購票,拿著電子票據就能去線下看展了。
          • 它可以通過場館尋找展覽,當你定位好后,直接選擇場館模式,就會出現這個城市的所有展館,非常方便我們查找。
          • 它包含了很多國內外藝術家/作者的生平簡介和作品介紹,以及相關的展覽信息(簡直不要太棒了?。┻€可以關注藝術家,以便下次接著觀看。
          • 它可以全景線上看展,其實對于一二線城市之外的設計師來說,想看展是比較麻煩的事,一個是距離,一個時間,并且在這一年疫情期間,更是難上加難,但是,有了這個APP,就可以線上看展了。

          大家千萬別錯過這里的展覽海報設計,有一些還是很值得學習的,看到好的記得保存到手機里,充實自己的靈感庫。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          看名字應該就明白這個app的主打內容了——雜志,這里全是日本雜志,這里大多數雜志的編排都是非常好的,提升審美的同時,還能讓我們設計的時候有所借鑒。

          在線瀏覽不方便,你也可以下載到手機里,只不過需要交28元的費用,在我看來還是挺劃算的。當然,如果你只是看好了某一頁,點擊下方的保存,就會存到手機相冊內。

          設計師必備的12個APP,你有幾個?

          tips:這個app可能你在安卓的商店內搜不到,需要直接用網頁搜索「雜志迷」,同樣可以下載。

          設計師必備的12個APP,你有幾個?

          「Behance」是一款Adobe旗下用于展示并發現創意作品的在線平臺。這個APP很多人都比較熟悉了,是全球非常知名的分享平臺,各行各業的設計師或愛好者在上面分享自己的作品,讓你能看到除了平面設計外更廣闊的領域。

          設計師必備的12個APP,你有幾個?

          「ins」是Facebook公司的一款免費提供在線圖片及視頻分享的社區應用軟件。

          這個平臺有明星,有素人,也有很多知名的設計師,它像一個大的朋友圈,每個人在平臺上分享自己的生活照片或者設計作品,下面分享一些,我在上面關注的賬號,這里有插畫、海報、時尚、藝術、雜志、海報等等,看這些作品同樣可以提升審美。

          設計師必備的12個APP,你有幾個?

          設計師必備的12個APP,你有幾個?

          設計師絕不能局限于眼前的設計稿,要多去增長見識,多去開闊眼界,當你的知識面拓寬了,就會給你提供源源不斷的設計靈感,所以,多去看和設計“無關”的東西,也是對于設計師大有裨益的,比如說歷史、電影、時尚、攝影等等。

          下面就給大家推薦幾個能增長見識的APP

          設計師必備的12個APP,你有幾個?

          這個APP原來的名字叫“全歷史”,現在叫「全世界」,一看格局就是變大了,它還有網頁端,功能基本是一樣的。

          這款APP我本人真的是強烈推薦!因為在這里你可以按照時間軸、關系圖譜、時間地圖查看各國,各個歷史時代的歷史相關內容。

          根據導航你還能看到全畫作、全古籍、全人物、全戰爭等內容。這些內容里面還藏了很多細小的分支,讓你從頭把歷史捋順了。

          網上對于這款APP的評價:這是一個時光機歷史地圖 + 文學藝術編年史 + 典籍名著中英對照 + 全球博物館在線閱覽。驚喜的是,它還在不斷更新它的數據庫,所以,你還在等什么?快去下載吧??!

          設計師必備的12個APP,你有幾個?

          「開眼」是一個全球精品短視頻平臺,匯集了動畫、廣告、影視、運動、創意、游戲、旅行等領域的優質短視頻以及這些領域的創意人群。

          和我們平時刷的短視頻不一樣,開眼APP上的視頻都是精挑細選的高清視頻,覆蓋范圍也很廣泛,包含了旅行、運動、創意、廣告、生活、科普等18個熱門分類,界面設計的也不錯,每日推送3-5條視頻。

          開眼,簡直就是短視頻界的一股清流,可以從這里看到很多優質的視頻內容,比如下面這個二維世界的圖形實驗。

          設計師必備的12個APP,你有幾個?

          「TOPYS」app是由中國成立最早、的創意垂直網站,TOPYS推出的移動端應用,是一個面向創意人、創意領域愛好者開放的創意學習平臺。

          這里包含了文案、視頻、名人訪談、設計項目等等,汲取每日新鮮靈感,了解創意圈熱門動態,滿足審美體驗。

          設計師必備的12個APP,你有幾個?

          除了提升審美和增長見識外,我們還需要提高工作的效率,這就需要用到工具了。當然,網頁端也有很多不錯的設計利器,以后我再給大家分享,今天分享一些在手機上就能實現的小工具!

          設計師必備的12個APP,你有幾個?

          「PantoneConnect」這款APP,我只在蘋果商店里找到了,安卓的沒有找到。

          這個就是最近頻上熱搜的潘通公司所開發的APP,主要是幫助設計師簡化他們的色彩選擇和設計流程,提升工作效率。

          它這里有很多色彩庫,讓你根據不同的印刷需要進行選擇,還可以根據你上傳的圖片進行分析,提取出相應的合理的配色,比如我們在「國家地理」中下載的攝影照片。

          它還有很多功能,就等大家自己去挖掘了。

          設計師必備的12個APP,你有幾個?

          如果你無法下載「PantoneConnect」APP,你可以試試下載「色采」,功能一樣很強大。

          1. 相機實時配色

          通過相機,捕捉下眼前的美景和心儀的色彩,將眼前的美景收錄為你的專屬色卡。

          2. 靈感探索配色

          從中西經典藝術作品、自然風光、電影動畫等提取的600多種原創配色。

          3. 照片智能配色

          更精準的顏色識別算法,從自己的相片中發現配色靈感。

          設計師必備的12個APP,你有幾個?

          現在吸引大家注意力的事物太多了,而且大多數會給你即時的快樂,讓你欲罷不能,不知不覺間,時間就消失了,導致沒有辦法集中注意力去做事情,這個布谷番茄,就是一個管理時間的效率工具。

          番茄時鐘可以幫你追蹤花在每項事務上的時間。還可以根據實際情況靈活地選擇每個番茄時間段的具體長度。

          設計師必備的12個APP,你有幾個?

          布谷番茄將你工作和生活中的待辦任務與目標技能關聯起來,讓你做過的事務都成為累積技能成長的一部分。通過在“做事”和“成長”之間建立清晰的聯系,讓刻意練習變得簡單,讓你成為時間管理的高手。

          設計師必備的12個APP,你有幾個?

          這里可以最多添加4個任務,如果想要添加更多的任務,需要充值12元錢,如果你確實在時間管理方面存在很多問題,那這12元錢花的還是很值得的。

          今天分享了12款APP給大家

          設計師必備的12個APP,你有幾個?

          互聯網的發展,讓我們學習更加便利,與此同時五花八門的各種APP吸引著我們的注意力,“殺掉”我們的時間。身為設計師,如果無法保持一個學習力,那就很難有好的發展,工作之余,我們完全可以利用通勤、如廁、睡前、午休等等碎片化的時間翻看這些APP,給自己一個提升的機會。

          文章來源:優設   作者:研習設

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



          深度解析設計系統

          資深UI設計者

          你覺得設計系統重要嗎?那目前手里的設計系統是在靈活運用?還是落灰、擺設?你對設計系統理解有多深?它在你的設計中有多大的用處?節省時間、減少出錯率、視覺一致性還是僅僅覺得就應該有個規范?那怎么避免設計系統帶來了統一和便利,但同時失去了變化和新鮮感?





          設計系統是今年來熱門的話題之一,想要帶來良好的用戶體驗,設計系統就是其中重要的一環,那它和設計規范、設計模式、設計語言、設計原則有什么關系?


          設計系統

          設計系統用一套連貫組織、相互關聯的模式和共享實踐以達到數字產品的目的。簡單的說就是一系列可重用的組件和它們的使用指導文檔,在制作這些組件的過程中會考慮到公司的設計理論和品牌化(顏色,文案,字體等等),所以它們也通常包括在設計系統里。設計系統為公司的各種產品提供了基石和指導。是一種動態的,是需要維護與改進的。


          設計模式

          設計模式是一種經常性,可重復使用的解決方案,可用于解決設計問題,我們經常會說解決整個方案我們要運用什么樣的設計模式。


          設計語言

          設計語言是把設計作為一種“溝通的方式”,用于在特定的場景中進行內容與信息的傳遞。設計語言可以理解為由品牌基因+設計規范+多場景應用三大要素組成的一套設計應用規范系統。


          設計原則

          設計原則可以理解為設計語言中的語法,是構建設計語言系統的起點,用于傳達品牌主張或設計理念,它將指引業務設計執行的方向。


          比如Airbnb的設計原則可以簡單歸納為幾點:

          設計規范

          設計規范對于設計師來說并不陌生,日常工作中也經常使用。圍繞在某種風格或者大型設計項目下形成可視化、數據化的標準,針對相對獨立的體系建立的統一遵守條款。統一的設計規范不僅有利于設計師提升效率,同樣可以幫助產品、開發、運營、測試等相關人員對產品的體驗有更好的認知。


          那是不是只要制作一套設計系統,在團隊進行擴散就可以了?那平臺的統一性就解決了?


          我曾經加入一個設計團隊,看到平臺風格不統一,當時很自豪很堅定的制定了一套平臺設計規范,從色彩體系、文字體系、icon體系、botton體系以及其他的一些UIKIT體系,還有交互方面。當時一心想著有這個規范寶典在手,平臺統一性指日可待,沒想到這個規范就成了我自己的規范,僅僅是我在自嗨。

          為什么已經建立設計規范了,還是沒能解決平臺統一的問題?這里延伸出另一個問題,為什么其他設計成員不用?協作不起來?是它不夠好?我嚴格按照標準來,為什么推不起來?


          那要追溯到設計體系的目的是什么?它的意義何在?

          1-建立統一的設計文化體系

          2-保證多團隊成員共同參與的項目視覺一致性

          3-提升品牌調性

          4-節省與研發人員的溝通成本

          5-將元素組件化,提升設計師和程序員的工作效率

          6-可以幫助設計人員有針對性地對視覺元素進行優化和迭代。

          7-在用戶層方面,對某產品的體驗一致性得到落實

          8-減少設計出錯率

          ……


          整體可以歸納為

          1-對內統一,對外區分

          2-管理與協作變得方便

          3-建立設計文化體系,建立品牌感

          4-減少、優化錯誤出現


          對內統一,對外區分

          規范定義的基礎是圍繞某種風格或者設計文化。對內統一,一個品牌的設計風格,是要有別于同類競品的,比如阿里云、騰訊云,他們各自都有自己的品牌調性。在對外上兩個品牌是做到了對外區分,一眼可以識別出來。他們有各自規定的一套設計語言、設計規范。這樣才能在協作上達到對內統一。我們都不希望在阿里云的網站,各個頁面的設計差異明顯,像跳轉到其他平臺。而這些針對用戶層一致性都是非常重要的體驗。


          undefined



          管理與協作變得方便


          for Designer:

          多個設計成員協同一個產品,迭代與更改規范都能更快的同步??梢栽囍胂笠幌乱粋€幾十人的設計團隊,如果沒有統一設計規范,那網站會變成什么樣子。


          for Developer:

          在UI還原中,設計需要經常與前端進行溝通“這里這里這樣做,那里那里這樣做”,對于每一塊的設計,前端都會詢問你,這樣大大增加了溝通的成本,把時間花在了無效的事情上。

          設計規范統一后,減少了無效溝通,可以更專注創新方向,比如:要改變預先設定的一個輔助色,無論是設計還是開發,修改組件的顏色,全局使用到這個組件的地方都會改動,大大節省了設計時間。


          建立設計文化體系,突出品牌感

          做品牌的時候需要制定一整套VI規范手冊,那平臺同樣也需要統一的品牌感。建立統一的文化體系可以讓用戶無論處在哪個頁面都會有熟悉感、掌握感。統一的元素、視覺風格、交互方式,更加突出該品牌應有的調性。無論你在聽網易云音樂還是QQ音樂,看到界面都可以立馬識別出這是哪個app。



          undefined


          你能分出哪個是網易云播放界面,哪個是QQ音樂播放界面嗎?


          減少、優化錯誤出現

          設計經常碰到設計完后需要修改一個點,然后就要找出設計稿中所有相同的地方進行修改,這樣很容易漏,統一規范后只需要修改組件即可。盡可能的避免錯誤的出現。


          設計規范的意義這么強大,對網站及品牌有至關重要的作用,那為什么還會出現沒有應用起來的情況呢?

          很多設計師會說:“設計不就應該是變化多端的嗎?就是要表現創新力呀?制定了設計規范是不是就失去了變化和新鮮感?那設計還有什么意義?開發都可以做設計的事情了。”


          這里就要看設計規范理解的深度—設計規范是分層次的,平臺規范歸根結底是為了確保產品的易用性,是為了減少用戶的學習成本


          對無法拆分的底層基礎元素做嚴格規定

          底層基礎元素也可以說是全局樣式,比如色彩規定、文字大小、icon線/面、botton體系等一些基礎的元素,給用戶一種統一的視覺形象,在跨界面、跨端、跨系統間有熟悉感,從而潛移默化地進行品牌的滲透。



          增強界面設計的靈活性和可維護性

          對組合自由度較低的基礎組件做精簡的樣式變化限定,對組合自由度較高的復合組件減少過于局限的限定條件,考慮各種拓展的可能性。組件在制定過程中要考慮多種狀態,多種可能。



          設計規范隨著業務的發展或技術的變革終究是會過時的,是需要迭代的。

          設計規范是需要迭代的,而不是我只要制作出來就放那了,就像女生買衣服,去年的衣服已經配不上今年的我,嘻嘻

          ~~希望我每天都有新衣服穿,做夢中~


          對設計體系的誤解

          設計體系最大的重要性毋庸置疑就是規范節省人力,設計師可以更多的時間去發揮創造性。


          誤解1-設計系統限制了設計師的創造力

          很多設計師覺得統一了規范,那我的創造性從哪發揮,界面都長的差不多。在設計中,設計目的是解決商業或用戶的問題,并不僅僅是為了有創意而引入新的樣式或交互方式。


          有了設計體系,統一了整體品牌風格,不用把精力花費在比如調整間距、對齊元素等瑣碎的事情上,更多的回去關注更全局的設計策略。


          誤解2-設計系統只關乎設計,可由設計師獨立完成

          它僅僅是設計軟件上可復用的組件,所以可由設計師獨立完成,這種想法是錯誤的,是需要來自不同角色支持和參與的,這里包括前端、品牌、動態設計、 用戶研究等。


          誤解3-設計系統是一勞永逸的

          有時候會想只要完成了規范就大功告成了,其實不然,對待設計規范就像對待產品一樣,是需要維護和改進的,包括兩個方面:一種是對內部使用的開發以及同事,一種是對用戶的,應該定期收集用戶以及同事的反饋,確保及時更新迭代。


          誤解4-設計系統的重要性

          1-提高設計開發效率,最顯而易見的好處就是,組件庫的可復用性。

          比如像表格、彈窗、顏色等。一些基礎的組件只需要做一次。

          2-確保設計一致性,為用戶提供連貫一致的用戶體驗,設計的一致性讓用戶能縮短的學習使用產品的周期,讓他們能夠預見他們的操作所帶來的改變。

          網站統一的視覺規范、交互體驗,會讓用戶產生一種掌控感。

          3-設計系統促進了公司內部的合作和交流,一個成功的設計系統是需要跨功能團隊參與,設計系統因此促進了公司內部不同職位的合作和交流,這種文化的建立也會幫助公司更有效地推出新的產品或服務。


          那我們要如何去執行呢?

          已經了解了規范的目的/意義,那該怎么去著手呢?


          • 對于設計規范的意義要同步給設計人員,提高認知,這是一件提率的規范,規范必須落地。

          在制定規范前期,不應該是一個人規定這個規范,設計團隊的成員應積極參與,前期先把規范的基調定好,人人都參與進來了,規范也就能更好的運營,當時我就是一個人定了規范,只是單純把規范發給其他設計人員,他們沒有參與,自然不會使用規范,對里面的設計元素沒有加深理解。


          主導人

          這個主導人建議讓全隊專業能力最強的人輔助產品戰略分析進行。有全局把控能力,這樣能把紕漏降到。

          undefined


          • 應用規范里的界面、交互規范必須得遵循

          大家一般說的設計規范是界面的視覺規范,從UI的定義,User Interface—用戶界面,用戶與界面之間的交互關系,可以歸納規范其實可以包含兩大類,一類是視覺規范,一類是交互規范。


          視覺規范可以給用戶傳達統一的品牌形象,確保視覺一致性。后期的設計元素須復合規范的原則。


          交互規范可以減少用戶的學習成本,讓用戶有歸屬感。交互規范在制定的過程中,需要寫好交互規則與條件,不然后期維護會混亂。像蓋房子一樣,地基都沒打穩的話,整個樓都是偏的。


          那在使用規范時,一定要遵循規范里的要求進行應用,否則會亂套,不僅起不到統一的品牌風格,反倒會給人一種一團糟、完全不專業的感覺。體驗好是一個產品的競爭力。



          設計規范的節點

          節點和公司的進度搭邊,看當前的產品是應該先獨立風格還是先統一基礎規范。


          1-固定的設計風格規范,比如:google的“扁平”,微軟的“磁貼”,可以全局使用,并且時間保持的相對長久。這些設計風格在前期就完成了獨立與其他風格的區分。后期再進行拓展。這種比較適規模比較大的團隊,定好基調,不會走偏。


          2-不斷優化的設計規范,根據公司的節奏,有些產品目前比較迫切的是需要界面統一性、交互統一性。基礎做完以后,進而考慮產品固定風格。這種比較適合小團隊協作。可以隨時調整。



          建立規范


          ·制作原理—利用粒子構成的原理與三維解構

          利用粒子構成的原理與三維解構,一個組件被科學的三維解析后由粒子再構成,理論上幾乎能夠滿足所有的UI樣式需求。這樣所有組件構成元素都可變,高度靈活


          ·具體過程

          建立單個元素——設立簡單組件——構成復雜組件——形成模板——最后組成頁面。


          ·元素是工具庫的必要部分

          并不是每個時刻都能夠直接使用完整的組件,元素是我們工具庫必不可少的部分,它可以更大的方便你修改組件,再造組件以及特殊的排版,方便拖拉拽。


          ·組件的命名規范化

          規范組件命名,方便查找、方便協作。


          協作

          一鍵導出/同步組件到Sketch模板。

          標注方面,目前我們團隊使用的是藍湖私有化。



          那是不是所有的公司都需要創建設計系統?

          一般情況下,公司有不同的產品線,且都需要長期的開發與迭代。

          公司中,越來越多的設計師加入,設計風格需要統一。


          那建立一套設計體系會面臨什么挑戰?

          設計體系里面包含了設計語言、設計規范,需要與前端、品牌、動態設計、 用戶研究等溝通,還是需要迭代優化的,這是非常繁瑣耗時的項目,初期會非常的艱難,當設計師開始做組件時,也是非常耗時的工作,需要考慮不同場景下的使用情況以及設計的延展性,都需要投入大量的設計人力。


          聊了這么多,大家對設計系統有了一定了解,建立好設計系統可以事半功倍,以此提升效率才能提升UED價值。


          文章來源:站酷   作者:瑪麗的設計筆記

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




          可口可樂啟示錄:品牌忠誠度,一門可以學得會的玄學

          資深UI設計者

          1886年,可口可樂在美國喬治亞州亞特蘭大市誕生,如今,名列2020年《財富》全球最受贊賞公司榜單第12位。品牌忠誠度,由消費者長期反復地購買使用品牌,并對品牌產生一定的信任、承諾、情感維系,乃至情感依賴而形成??煽诳蓸返某晒﹄x不開品牌忠誠度,那么,品牌忠誠度應該如何塑造呢?

          在商業世界里,有這樣一條定理:“維系1名老顧客的成本比獲得1名新顧客成本要低很多”。

          低的這部分成本,來自于老顧客的忠誠??煽诳蓸罚鳛槭飞献顐ゴ蟮钠放浦?,擁有著一群非常忠誠的老用戶。他們為什么忠誠?如何塑造他們的忠誠?

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          一、為什么忠誠?

          1985年,可口可樂宣布更改配方,推出“新可口可樂”。

          在正式發布前,進行了19萬人次的口味盲測,其中喜歡新口味與喜歡老口味的人數比例是55∶45。

          從口味上來說,“新可口可樂”味道更好。但是真正更改為新口味后,卻遭到成千上萬消費者的反對,每天打到公司的投訴電話超過8000個,后來不得不更換回原有的口味。

          對于這次口味的更改,消費者反饋最多的詞匯是“背叛”。我們想想,“背叛”這個詞一般什么時候會用呢?被愛人背叛、被戰友背叛、被伙伴背叛……背叛,來自于極強親密關系的人。

          元氣森林推出新口味,會讓人覺得“背叛”么?

          ——不會,就是要不斷推出新口味應對消費者口味變化呀!

          蒙牛牛奶升級配方,會讓人覺得“背叛”么?

          ——不會,消費者一定非常歡迎把普通牛奶免費升級為“特侖蘇”。

          一種含水和糖99.5%的糖水為什么會和“背叛”“忠誠”這些詞匯搭上邊?為了掰扯清楚,我們用不同理論,從不同的側面來看下這門玄學。

          1. 成本理論在經濟學的角度,做選擇時要衡量成本和收益

          顧客對“可口可樂”忠誠,是因為忠誠的“收益”大于“成本”。

          什么是成本?經濟學中對成本的定義是放棄了的最大代價。

          好衡量的成本是看得見的,比如姜太公公對印象筆記忠誠度極高,因為不想放棄多年的筆記、摘錄;不好衡量的成本是看不見的。比如使用習慣、情感依賴、自我表達等。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          在看得見的角度,“新可口可樂”味道更好。在看不見的角度,“新可口可樂”破壞了消費者的記憶、使用習慣、自我認同等(后文會詳細說明)。

          2. 認知失調消費者具有保持自己認知一致的傾向

          為了避免發生認知失調,消費者會盡量保持自己的行為一致。

          “認識失調:當人們有關的認知因素(包括對行為的認知)發生矛盾時,為了保持它們之間的平衡或協調,就會改變自己原有的行為或信念、態度。

          人們會盡一切可能減少認知不協調感。不協調是一種“消極驅力狀態”(一種令人厭惡的情況)顧客對“可口可樂”忠誠,是因為要避免自己出現言行不一致。

          如果我不對可口可樂忠誠,那我為什么不買味道一樣的百事可樂?如果這次不買可口可樂,那我上一次為什么要買?

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          3. 損失厭惡損失的感覺,比獲得的感覺更加強烈

          白撿的100元所帶來的快樂,難以抵消丟失100元所帶來的痛苦。

          顧客認為可口可樂推出“新口味”是背叛,是因為產生了損失的感覺。1985年,可口可樂推出“新口味”的同時宣布“老口味”會徹底消失,這激起了消費者的“損失厭惡”。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          如果采取其他方案,這個案例也有可能不會成為“歷史上最大的營銷慘案”。

          比如不大肆宣稱“新口味”,而是慢慢的更改配方,或者推出的“新口味”是一個單獨的子品牌,不影響“老口味”的售賣。

          4. 小結

          當消費者有多種品牌可以選擇,一股股神秘的“向后拉扯的力量”,防止他放棄忠誠,防止他做出改變。對于可口可樂“忠誠用戶”來說,這種力量來自看不見的成本、對損失的厭惡、對自己言行一致的期待。

          二、如何塑造忠誠?

          可口可樂如何塑造忠誠?為了簡化說明,我們將人的大腦分為3部分:

          1. “反射”大腦:冷了要穿衣服,餓了想吃飯……這個大腦,負責這些不用思考的部分;
          2. 理性大腦:高考答題,密室逃脫,權衡利弊,邏輯推理……這個大腦,負責這些高智商的內容;
          3. 情感大腦:這個大腦負責哈哈哈,嚶嚶嚶,嗚嗚嗚,“氣死我了”。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          每一個“大腦”都會產生忠誠,下面介紹可口可樂是如何利用這三個大腦的:

          1. “反射”大腦

          如何利用“反射”大腦塑造忠誠?

          利用非條件反射,也就是無需后天建立,先天性的條件反射。天氣好,自動就會心情不錯;優美的音樂,可以讓人放松;一些元素可以激發消費者腦中“思維定式”。

          使用這些元素就可以使用其附帶的“聯想”,讓品牌更具有穿透力。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          那么回看可口可樂是如何做的呢?

          添加咖啡因、可卡因等成分,刺激神經中樞,幫助祛除困意并恢復精力;添加大量的糖分,幫助人體補充能量,元氣滿滿;使用棕色的飲品顏色,即使是炎炎夏日,也讓人感覺到清澈和涼爽。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          在產品設計上,使用各種味覺和感覺的刺激物,激活既有的非條件反射。

          但是這種方式的缺點是,隨著時代的變遷,人們的口味、審美等會發生變化。如果不能與時俱進,則會造成大的失誤,20世紀60年代初,人們對健康的重視逐漸提高,對糖分的需求降低。

          當時的民意調查顯示,28%的美國民眾在關注著自己的體重。

          皇冠可樂公司推出了健怡皇冠可樂,減少了可樂中的糖分。很快成為了健康可樂中的行業第一,而可口可樂則在3年之后才推出產品來應對。

          2. “理性”大腦

          如何利用“理性”大腦塑造忠誠?

          創建條件反射——也就是通過后天不斷重復、大量曝光。

          品牌可以提供溢價、解決信任問題、解決認知問題等……我們常說要建立品牌資產,說到底,就是“品牌聯想”——品牌和功能或者情感訴求之間的關聯。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          那么回看可口可樂是如何做的呢?

          ——創造的獨特的名字、商標、包裝等條件反射。

          可口可樂啟示錄(3):品牌忠誠度,一門可以學得會的玄學【姜太公公】

          消費者可能記不得可口可樂的宣傳語、廣告,但是這個商標、這個名字成為了記憶中的一部分。

          “我們必須擁有一個強大商標,而要擁有強大的商標,我們自然必須正確地用基本的學術觀念來理解這種生意的本質。我們可以從心理學的入門課上學到,本質上,我們要做的生意就是創造和維持條件反射?!翱煽诳蓸贰钡纳虡嗣Q和商標形象將會扮演刺激因素的角色,購買和喝下我們的飲料則是我們想要的反應?!碜浴陡F查理寶典:查理·芒格的智慧箴言錄》

          3. “情感”

          大腦如何利用情感大腦塑造“忠誠”?

          可口可樂是一個非常好的KOL(意見領袖),它非常擅長于迎合時代的情緒,跟隨者大眾文化的變遷,針對每個大的歷史事件,發出自己的聲音。

          • 二戰的軍用飲品:珍珠港事件之后不久,可口可樂就發布了一條特別命令:“不管我國的軍隊在什么地方,也不管本公司的代價有多大,我們一定保證每個軍人只花5分錢就能買到一瓶可口可樂”;
          • 美國大蕭條時期的快樂飲品:可口可樂將宣傳策略定位“輕松快樂”,雖然現實日益艱難,但是只要一瓶可口可樂,就可以暫時讓自己從現實中“解脫出來”;
          • 種族斗爭中發聲:1971年,可口可樂推出經典廣告《山頂》。他們找來了大約200名世界各國的年輕人,在山頂唱道:“我想給全世界買可口可樂”。強調可口可樂品牌對不同時代、不同種族的人的溫暖陪伴。

          這些營銷策略,和可樂口味無關、和可樂銷量無關、和可樂是啥無關,完全從“情感”大腦出發。

          三、總結

          可口可樂,作為史上最偉大的品牌之一,擁有著一群非?!爸艺\”的老用戶。

          1. 為什么忠誠?

          當消費者面對多種品牌的選擇,一股股神秘的“向后拉扯的力量”,防止他放棄忠誠,防止他做出改變。對于可口可樂來說,這種力量來自看不見的成本、對損失的厭惡、對自己言行一致的期望。

          2. 如何塑造他們的忠誠?

          利用非條件反射、創建條件反射、制造身份認同和情感共鳴……

          文章來源:人人都是產品經理    作者:姜太公公


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



          非科班設計教主陳幼堅的故事—香港設計史(下集)——【設計史太濃】

          ui設計分享達人

          聊到香港設計,當聊完靳埭強大家也基本能猜到接下來會聊誰,自然就是香港第三代設計師的代表人物陳幼堅,他的成就跟靳埭強可謂旗鼓相當,所以繼靳埭強被封香港設計教父后,他也被封為香港設計教主,按文無第一的原則,也無謂去為他們成就分一個高低,就好比香港歌壇的譚詠麟張國榮,你喜歡誰都是對的。

          陳幼堅在國際上的名聲是超越了諸多香港著名設計師的,他職業生涯當中獲得了600多個獎項,其中更是以國際獎項為主,包括美國、英國及日本的設計大獎,特別在日本他的名聲就跟成龍在演藝圈一樣的響當當,也有很多人評價他的作品受日本風格影響很大,后來他自己也回應過非常喜歡日本設計,在1991年及2002年他曾或日本東京邀約,舉辦了"東方匯合西方"、"東情西韻"個人展覽。

           

          跟前面兩位大師一樣,石漢瑞是“跨文化設計”,靳埭強是“中國傳統結合西方現代”,陳幼堅則是“東情西韻”,都離不開東西方文化的碰撞路徑,個人認為這是可以給內地設計師一些重大啟發的。

          相對陳幼堅的名聲地位,令人感到非常不解的是原來他并非設計科班出生,也沒有嚴謹的設計專業學習經歷。

           

          陳幼堅1950年出生在香港,父親是一名普通的水果攤主,母親是澳門人,也是普通家庭主婦,都沒有受過高等教育,陳幼堅小時候是一名品學兼優的學生,興趣也很廣泛,中學時候入讀了西味濃厚的嘉道理爵士中學,但這時候陳幼堅早戀了,交了女朋友的他有點無心向學,不久就輟學去機構做了十個月的代課教師,然后又無法忍受循規蹈矩的教學工作,幸虧在嘉道理爵士中學培養出不錯的英文功底,陳幼堅去了一所外資廣告公司做學徒,為了盡快適應工作,期間他參加了一個為期個月的香港大一藝術設計學院夜間設計課程的學習,這也是他人生中唯一受過的設計教育經歷。


          20歲的陳幼堅從助理學徒開始,在廣告界努力奮斗了十年,基本都在外國老板的公司里,這也是后來陳幼堅回憶讓他得以從西方角度看東方的重要原因,在1980年時,30歲的陳幼堅比較厭倦廣告公司的比稿情況跟復雜人事(當時的香港免費比稿成風,甚至引發了設計師集體抗議的運動),跟妻子一起出來獨立創業,成立達爾訊廣告公司,6年后更名為“陳幼堅廣告設計公司”。


          已經有40多載設計經歷的陳幼堅代表作數不勝數,這里我們選擇一部分來談談,比方為娛樂圈大咖們的設計、可口可樂的中文標識設計,羅西尼手表的海報設計,香港城市形象設計。

           

          很多人都不知道,陳幼堅在80年代為眾多當紅巨星設計過演唱會海報、唱片封面,其中有羅文、林子祥、梅艷芳、張學友、周華健跟張國榮等等,其中張國榮是跟陳幼堅合作最久的,整個八十年代,從初出道到89年告別演唱會《FINAL ENCOUNTER》陳幼堅都擔任美術指導,一手包辦他的個人大碟。但陳幼堅并沒有將這些創作放到公司的案例當中,他認為這件事他的興趣大于商業,所以很多人都不知道,在張國榮61歲冥壽時,陳幼堅參加一個訪談才相對詳細的回顧了他跟哥哥的這段交情。

          到了2000年時候,50歲的陳幼堅為羅西尼手表設計的海報,讓很多人都印象深刻,也是我對其印象最深刻的設計之一,海報上的刻度不是以往的羅馬數字或阿拉伯數字,而是換成了一些不完整的文字,但是時針的走動卻能為每一時刻添上一筆,使其拼成一個完整的中文小寫數字,簡潔明了地體現了表盤的創意,這是中國元素運用在現代設計中的一個體現,這樣的設計產品不但美觀而且極具趣味性。

          其實2000年左右是陳幼堅名聲鵲起的關鍵階段,除了羅西尼手表海報外,他相繼完成了諸多重要項目,比方北京申辦奧運的招貼畫,在日本舉辦“東情西韻”個展,還有就是完成了可口可樂的中文標識設計。在我的《商業設計祖師爺—美國設計》里談過,可口可樂享譽全球的英文標識第一次改造由美國工業設計之父雷蒙羅維完成,而陳幼堅在巨人之后承接中文標識設計的艱巨任務,可想而知需求方對他的專業認可及厚望的寄予,但也沒有太多懸念,陳幼堅出色的完成了項目。

          這是可口可樂中文標識自1979年進入中國以來首次大的變動。陳幼堅通過對“COCA-COLA”英文標識的仔細研究,發現其中的飄帶和襯線筆劃弧度的設計可以成為中西方兩種字體風格相互映襯的契合點,經過巧妙的構思與反復的修改,為了和英文標識中斯賓塞(Spencerian s cript)襯線字體相互協調,他將之前傳統的中文漢字改編設計成了彎曲流暢的“斯賓塞式”中文字體。從形式上看,多層次的飄柔絲帶設計,和飄帶中的銀色邊線,使標識更加富有時代感,經過微妙的調整和添加之后,原有的視覺元素被激活起來。從色彩上看,底色色彩為紅色,字體色彩為白色銀邊,高純度的紅色與白色形成鮮明的對比,而銀色邊線則起到了降低飽和度的作用,再加上富有韻律的銀白色飄帶設計,使整個標識更加富有動感效果。

          經過陳幼堅的創意設計,使可口可樂新的中文標識既有中國特點又兼具國際風范,讓人一眼就能認出可口可樂家族的新成員。陳幼堅一直不斷地發掘各種獨特的創意思維,把已有的設計在自己的思維模式中進行解剖與重構,使作品完全脫離原本的面貌,誕生出新的意義和內涵。


          然后是2008年時,已經58歲的陳幼堅為香港政府主筆形象升級項目。


          這次形象升級經過了全市調研,包括舉行專業民意調查、咨詢會、核心小組討論、工作坊、設立專門網站、比賽等,收集公眾的意見和期望”;最后通過公開招標,最終確定陳幼堅的設計。


           

          這個設計改造其實也引起了廣泛討論,有叫好有叫壞,其中內地的歐陽黎明曾經在紅動論壇專門寫貼來表示失望,并說如果由他來改造一定會更好,該貼引發了比較熱烈的討論,當時我還在讀大學,也關注過此事,不管歐陽大師的動機如何,其實這種類型的改造肯定無法一致叫好,總會有持相反意見的群體存在。

          這里也剛好可以談一談香港設計風格的問題,其實個人認為陳幼堅的這個城市形象改造是很符合香港設計風格里那種內核的,我在做這期內容時,專門去了一趟香港做詳細觀察,我希望身在當地來感受他們的設計氛圍。

           

          我為香港設計風格總結了幾個特點:

           

          1、 非常豐富繽紛的色彩計劃(這點是給我最直接深刻的印象)。

          2、 雅俗共存的設計環境

          3、 東西方交融的商業特色風格

           

          所謂為何我說陳幼堅的改造是符合香港設計精神內核,我們嘗試將幾張圖放在一起比對,圖片中我們看到香港的街景是全世界所獨有的,具備非常突出東西交融的市井風格,一眼就能讓人識別到:


          你會發覺陳幼堅的這個形象圖案是很符合香港設計給人的感覺,色彩豐富繽紛,既國際化又通俗化,有東方元素(龍)又具備西方形式(圖形簡潔),所以從這個角度刨析,陳幼堅的這個升級設計是很成功的,我們如果單純從圖案的好看與否來分析,未免太過淺薄了。

           

          關于陳幼堅的故事大致聊到這里,他有諸多作品都是非常出色的,比如做了大量極為優秀的茶類商業設計,知道后來干脆自己創了一個品牌“MR CHAN 陳茶館”,標識就是那個經典的佛手,又例如自己公司的標識四喜娃娃,又比如早期陰陽魚概念的日本西武百貨vi系統,不勝枚舉,留待大家去發掘這些資料,自行品鑒。


          最后補充一點:

           

          客戶跟設計師之間的結合就像婚姻一樣,不存在一名設計師是通吃全部客戶的,如同你再優秀也會有女生不喜歡你一樣,就算大師超級明星都不行,因為每一名設計師在長期設計創作中會形成作品風格與氣質,這些是作為匹配客戶的主要因素,假設我的企業及產品傾向更加柔美、細膩、、精致的展示風格,那么相對靳埭強及陳幼堅,我可能會首先傾向選擇陳幼堅,因為他似乎更加擅長,跟他的氣質也更吻合。

          這期關于香港設計歷史的內容先聊到這里,我們除了講述香港現代設計的發展起源,還合計介紹了三位大師,分別是石漢瑞、靳埭強及陳幼堅,其實計劃聊多一些,但最后發覺最具代表性的還是這三位,聊多不如聊透,雖然最后發覺也許仍沒有聊透,但所謂猶抱琵琶半遮面,剩下的一些空間等待大家自行研究其實更好。

           

          下一期我們將繼續國家之旅,以時空切換的方式,回到接近兩百年前的英國,因為我們將為大家探究現代設計的萌芽之地,聊一聊英國設計。

           轉自:站酷-設計史太濃 

          教父靳埭強的故事——香港設計史(中集)——【設計史太濃】

          ui設計分享達人

          提起香港設計師,大部分人首先想到的就是香港設計教父靳埭強先生,他有諸多前無古人的創舉,比方首位以設計師身份獲選香港十大杰出青年的港人、唯一設計師獲頒贈市政局設計大獎、首位華人名列世界平面設計師名人錄、并獲英國選為二十世紀杰出藝術家及設計師。在全球設計界都是大師級的人物,業內都親切的稱呼他為“靳叔”。

          靳叔1942年出生于廣州番禺, 15歲才跟隨父親到香港定居,所以并非土生土長的香港人。

           

          靳叔祖父是廣州有名的民間工藝師,從事灰塑建筑裝飾藝術,還曾做過領班參與廣州陳家祠的灰塑修建。同時伯父靳微天及姑母靳思薇早在五六十年代就是香港著名的畫家。弟弟靳杰強是物理學博士,但受家庭人員的藝術背景影響,在國畫方面也小有成就,跟靳叔一起哥倆多次在香港及美國舉辦二人聯展,非常有意思。

           

          很多人其實都知道靳叔并非學設計或者藝術出身的,而是一名裁縫,而且還是從學徒開始。1957年剛剛到港15歲的靳叔因為不忍心父親獨自一人撐起整個家庭的開支,所以雖然懷著藝術家理想,但必須先幫家里維持生計,所以就出來找了一份裁縫學徒的工作,從搞衛生等粗重雜碎活開始,通過努力的學習很快成為裁縫師傅,每天早出晚歸,早上9點到晚上9點,并且一做就做了十年。

           

          這十年之間靳叔內心還沒有放棄自己的藝術夢,所以每逢周日有半天假期,就會跟大伯父學習水彩跟素描等基本功。終于,靳叔的人生轉機在60年代末出現,這時候的香港剛剛經歷“六七暴動”不久,港英政府對華人變得相對友善,實施“積極不干預政策”刺激香港經濟,帶動輕工業發展,其中就包括了設計業,而此時此刻,來自西方的設計師石漢瑞已經獨立創業,經營圖語設計公司,事業發展如日中天。

          這一年,港中文大學開設了校外進修部的一個設計夜間課程班,授課老師是后來鼎鼎大名的王無邪(香港著名水墨畫家及設計師),跟留學德國的鐘培正,課程恰好就是教授德國包豪斯設計理論及平面設計。


          靳叔被課程吸引了,馬上報名。但課程是晚上7 點開課,而他晚上9 點半才能下班,剛好時間重疊,幸運的是靳叔當時的老板非常賞識他,同意他只要完成工作就能提前下班。通過這種方式靳叔白天做裁縫晚上學設計,此時的靳叔25歲。這里我們又推導了一下,靳叔按如此這般的師徒傳承關系,屬于包豪斯的第四代傳人。

           

          靳叔最具代表性的是水墨風格系列作品,但其實靳叔剛剛出道時候,一直做的都是非常包豪斯的設計,1967年,就在靳叔通過夜校學習設計三個月后,經同學介紹就去了玉屋百貨做設計員,正式開始第一份設計工作,主要做櫥窗設計及促銷廣告,歷時一年。隨后去了老師鐘培正先生經營的恒美商業設計公司,從設計員開始,兩年做到設計指導,4年做到設計總監,基本上恒美大部分成功案例都出自靳叔之手,在恒美靳叔一共呆了8年,這個時候的靳叔已經由懵懂少年成為一個成熟設計師。


          而且這個期間的他還是一頭長發的男子,但是已經找不到太多年輕時候的圖片,長發形象一直伴隨他到50歲。按時間推算,當時正值披頭士風靡全港的時候,我們看回當時的男明星也普遍如此,比如粵語歌之父許冠杰先生。

          在做包豪斯式的現代主義及美國式的國際主義風格設計的過程中,靳叔曾經把美國波普大師安迪?沃霍爾的波普藝術融入水墨畫中,呈現機械型、幾何型效果。獲得了啟發,靳叔開始思考“為什么是自己追他人的潮流,不是自己開創潮流?”于是開始把中國傳統文化的精髓,融入西方現代設計的理念。傳統書法的筆觸被他大膽地融入設計,荷花、水墨、漢字這些極具中國文化意味的元素開始出現在他作品中。“靳氏風格”的設計水墨開始自成一派。

           

          這個時候離開恒美的靳叔也開始正式自立門戶,當時處于80年代初,他與同學張樹新及幾位舊同事合伙創業,成立新思域設計制作,這就是他現在公司“靳與劉”的前身。靳與劉當中的劉是指合伙人劉小康,同樣是香港著名設計大師,代表作就是屈臣氏的包裝設計。跟很多大師的情況雷同,經典的作品總是從獨立經營公司后開始產生,而第一個讓靳叔聲名大噪的就是中國銀行的標志。

          1980年,靳埭強被中銀集團總行委以設計標志,靳叔當時向中銀集團總行香港分行的主管索要五位數報酬,他們覺得是天價,因為內地工人一個月工資才36 元。國內設計師設計一個標志才幾十元。

           

          受到古錢幣的啟發,靳叔以中國古錢幣為基本形態,中間方孔,上下加垂直線,成為“中”字形狀,又暗合天圓地方的意象?!跋肭叭宋聪?,做前人未做”、靳叔說,“如何讓一張白紙變得好看?最重要是嘗試、運用想象力讓它獨特,有趣味?!鄙鲜兰o80 年代中期,中國銀行開始在內地公開使用這個標志。而靳叔憑此獲得CA 獎( 美國傳達藝術獎),名噪一時,這個時候的靳叔剛好40不惑。

          靳叔在香港做設計的歲月里,服務了大量知名的企業,可以跟這些知名品牌共同成長,相互成就對方,其實關于這塊讓設計師很感觸,就是為何要視每一個項目都是自己的孩子般愛惜,因為當設計師服務了這些企業就等于做了一項投資,如果你用足了心思讓設計趨于完美,為客戶充分考慮并全力以赴時,當這些品牌獲得了發展,設計師也是受益者之一,比方靳叔服務榮華月餅時,榮華也并非一個大牌餅家,又比方力銳的歐陽黎明在2002年服務騰訊時,也并不知道它日后會成為龐然大物,同樣的例子非常多,當這些品牌壯大時,提供設計服務的企業也會收到福蔭,成為設計企業一筆有形的財產及品牌背書。

           

          靳叔前后服務過的知名品牌包括:太太口服液、榮華餅家、櫻雪沐浴露、嘉頓、麒麟啤酒、周生生珠寶等等。

          隨著香港回歸,靳叔的靳與劉設計咨詢公司也參與服務諸多內地項目,其中著名的有重慶市政府項目,就是重慶城市標志的設計。這個項目非常值得談一談,因為靳叔曾經說過:這是記憶力最困難的設計工作。

           

          這個標志誕生的過程是“痛苦”的,“因為重慶的文化積淀非常深厚,任何一個具象的東西,如朝天門、解放碑、大禮堂等,都很難代表重慶。難就難在要得到當地市民的普遍認可?!睘榱顺浞至私膺@座城市,靳叔從五所大學找來設計專業學生座談,了解重慶文化,收集大量資料。經過無數次修改,最終定稿的城標圖案是兩個人形的“慶”字?!皯c”字的形象如手舞足蹈的人,喻意重慶人樂觀向上的性格,也有“巴”文化“寬厚樂天”的意蘊;兩個“慶”字疊加,又有“重”的意義,也體現了重慶作為超大城市接納眾多外來人口,兼容并蓄的特點。

          而這個項目靳叔的設計費高達7位數,雖然設計費用不菲,但是靳叔說這是一個虧本的項目,因為整個項目歷經了兩年的時長才完成。由此我們再次要強調,一個標志的誕生并非單純繪制一個圖形那么的簡單,大型項目中,設計工作的復雜程度可以非常高,同時也強調,不要認為設計的價格很低廉,盡管是7位數都仍然虧本了。

           

          其實回顧起來,靳叔十年裁縫的工作背景對他的設計態度影響也很大,這種感受出自他本人:因為做衣服需要耐心,一針一線,跟設計很像,而且當時的衣服都是定制為主,你肥一些或者瘦一些都決定了衣服的差異,這點跟設計工作就更加像了。每一個項目來之前我們都不知道客戶是誰,要求我們做什么,但是做出來的東西都是圍繞適合他本人的需求去走的。

          靳叔50多年的設計歷程,兼顧了設計師與藝術家雙重身份,并且到了后期將諸多精力放在了國畫的研究上,已經是名副其實的畫家,也圓了一直以來的夢想,在此期間獲獎無數,個人榮譽加上靳與劉公司獲得的獎項的高達500多項,成為香港當之無愧的設計教父,其中值得一提的有以下這些:


          洛杉磯世界藝術比賽金獎

          亞洲廣告獎之最佳企業形象設計

          波蘭第一屆國際電腦藝術雙年展冠軍

          另外,在香港地區,靳叔更是以設計師身份獲得以下榮譽:

          1979,首位獲選為香港十大杰出青年的設計師
          1984,唯一獲頒贈市政局設計大獎的設計師
          1991,獲香港藝術家年獎之設計師年獎
          1992,被選為90年代風云男士之一

          1999,獲香港特區頒予銅紫荊星章勛銜
          2001,獲香港特區頒予銀紫荊星章勛銜。


          羅列完這些榮譽顯然不可能,靳叔跟諸多大師一樣,年長后將一部分精力放在扶持后輩的成長上,比方香港第四代設計師的代表人物李永銓就是師從靳叔,本來這期內容是計劃一起聊聊這位“品牌醫生”的,但礙于篇幅只能暫擱,靳叔也出版了諸多著作,比方平面設計實踐》、《商業設計藝術》、《海報設計》、《廣告設計》、《日本設計師對談錄》、我在前年也曾購買他的新書《設計心法100+1》,獲益良多。

          靳叔的故事還有很多,比方受李嘉誠邀約出任汕頭大學長江藝術與設計學院院長,比方在1999年為熱愛設計的年輕人創立了"靳埭強設計獎",又比方跟美國著名設計大師保羅蘭德(就是那個收喬布斯10萬美元標志設計費,要求只出一個方案并且不修改的平面設計師大師)、跟日本平面設計之父龜倉雄策(關于他的故事可以詳見上一期《日本的設計水平為什么高》)交往的故事等。

          這些足以聊三集,但今天我們先聊到這里,有機會時候我們再來展開,并且提供更多靳叔的設計作品進行賞析。

           

          最后補充一點靳叔的思想,其實靳叔在不同的場合跟著作當作都談過不少他的創作理念,我在相對充分的了解后,針對泛數碼設計的時代,覺得特別值得在這里跟大家分享的是:我們要做到“意在筆先”,就是創作前先要在我們的腦里產生好的創意,然后再借助電腦等工具將創意完全表現出來。對于現在許多做設計的年青人來說,離開了電腦就做不出東西,其實是很不健康的現象,真正好的作品飽含設計師的全部激情,這些僅靠電腦是遠遠不夠的?!耙庠诠P先”是中國傳統使用工具的觀念,無論用什么工具,筆或者電腦,或者將來有什么新的工具,做創作時,意在先,這是永恒的概念。

          轉自:站酷-設計史太濃

          微信黑暗模式終于來啦!UI設計細節完全分析及體驗

          ui設計分享達人

          靜電說:它來啦!前一段時間傳的沸沸揚揚的蘋果與微信黑暗模式的糾葛,終于以微信適配iOS端告終。3月22日靜電一覺醒來,微信已經正式開啟了“暗黑”模式。不過,很多人也許發現不了,因為手機白天還是淺色模式,只有到晚上才會改為黑暗模式。




          如何開啟微信黑暗模式?


          首先,你必須更新到iOS端的微信7.0.12版本。然后,在白天,只有你手工開啟了“設置”>“顯示與亮度” 菜單下的深色模式,它才有效果。至于安卓用戶,截止3月22日文章發布的時間,官網依然沒有更新。安卓的小伙伴就再等等吧。開啟后效果如下:



          這次的改動可以說是很全面的,幾乎所有的界面都進行了調整,包括聊天窗口,朋友圈文章,微信游戲,幫助頁面,看一看等等,但是微信小程序則依賴開發者的適配,目前來看,還都是白色的。


          不少小伙伴對于黑暗模式的設計還不是特別熟悉,接下來咱們通過微信設計細節的分析,來看看小伙伴們都能從微信的改變上學到什么?



          Tab菜單對比及顏色字號分析


          請注意,以上內容為截圖取色,可能存在不準的情況。但是可以看到,微信在Tab背景上并不是使用的純白或者純黑色。 在Tint顏色上,亮色模式和暗色模式的顏色也不一樣,這符合iOS 13 黑暗模式設計的規則定義。一般來說Tint顏色,黑暗模式下更亮一點。(左側色卡為淺色模式,右側為深色模式,下同)


          另外,以上取色均沒有考慮透明度,在實際應用中需要考慮透明度的使用。而對于Tab背景來說,亮色模式和黑暗模式均沿用透明毛玻璃效果。



          聊天列表頁面


          左側色卡為淺色模式,右側為深色模式,均沒有考慮透明度影響。


          圖標顏色分析對比


          在聊天列表,通訊錄列表頁面,系統圖標在兩種模式下的顏色均保持一致,未做改變。


          但在發現頁面中,列表左側的icon顏色則有略微變化??傮w來說,黑暗模式下比亮色模式下的圖標顏色更“亮”。是不是這里比較拗口?也就是下圖中,右側比左側的圖標,亮度提升啦!


          支付界面中的圖標,處理方式同上邊一樣,右圖比左圖的圖標亮度要高一些。但是下圖中綠色的大色塊,顏色卻一致。





          公眾號文章頁面對比


           



          而文章背景顏色,亮色模式為#FEFFFF,黑暗模式為#232323,可見也不是完全的純白和純黑色。另外,想在黑暗模式上貼各種表情的作者可要注意了,你的GIF表情可能會變成上圖那樣? 就像在黑色背景下開了個白色天窗!一大波白色不透明GIF圖即將失效!



          朋友圈界面對比


          朋友圈界面的背景色和點睛色均發生了變化,在黑暗模式下,發廣告還是美麗的照片,用戶的關注程度都會提升,當然,不好看的圖片,也會把缺點放更大。所以讓你的照片更吸引人吧。





          聊天頁面


          聊天頁面中相應的Tint色也有變化。另外,請注意,背景色依然不是純白色和純黑色。而微信的設計師傾向于使用#FEFFFF而不是#FFFFFF,雖然這倆顏色相差幾乎為零,肉眼不可分辨。是不是這位設計師有某種潔癖?或者是純粹弄錯了?





          關于聊天時使用的透明動圖,其實仔細看還是有不少毛邊的,之前我們也做過相關的分析文章。因為這種情況單純使用256色的GIF效果已經非常差了。具體實現方式可以看另一篇文章:不要大白邊!聊聊GIF動畫毛邊的處理方法(評論發送)。以免出現像下面的情況:




          彈層及搜索框


          彈層顏色在兩種模式下顏色沒有發生變化,搜索框顏色在針對黑暗模式設計時,可以考慮在白色基礎上進行透明度處理。


           



          最后的總結(黑暗模式設計思路)


          · 一般情況下Tint顏色,在黑暗模式要比淺色模式要亮,請注意,不管是圖標還是點睛的顏色。

          · 蘋果的設計指南中建議背景色為純黑色,但是真正實踐過程中,沒必要完全遵循,可以用一定灰度的顏色替代。

          · 使用具有透明度的圖標和文字,在亮色模式轉黑暗模式的時候會更加輕松

          · 不管你使用怎樣的顏色,請確保黑暗模式下的設計元素具有足夠的可讀性,同時兼顧美觀。

          · 黑暗模式下的層級設計與亮色模式不同,陰影在黑暗模式下沒有太多作用。

          · 當發布一個大版本的APP更新時,可以進行分渠道投放,讓一部分先用上新版本,并測試其反饋結果,進而再進行全渠道的投放,可以最大限度降低被用戶吐槽的風險。

          轉自:站酷-靜design


          耍好控件 | 拿什么拯救你?我的導航欄

          ui設計分享達人

          講一個老東家的故事。


          一次產品迭代會上,老板在臺上講到打算重構C端產品框架,想重整標簽欄的標簽設定??稍谥v到這一部分的時候卡殼了,遲遲說不出“標簽欄”這個控件名,氣氛有那么一丁點尷尬。這時在座的一名產品經理慷慨解囊地說道:底部導航欄!會議得以繼續。


          嗯,不全錯,這么說也算能理解??丶诮缑娴撞?,能引導用戶切換頁面。但如果標簽欄把導航欄的名字占了...那原本的導航欄應該叫什么呢?頂部標題欄?那導航欄里的內容控件又應該叫什么?左上角或者右上角的按鈕?


          接地氣的名稱讓我們一聽就懂,直到有一天你打算跳槽,你拿著自己的作品到下家面試,設計總監幾個術語啪啪把你問的不知所云。這些“死控件”、“死欄目”在頁面上不可或缺,在設計每一個頁面時你以為你對它們早已了如指掌,偏偏在關鍵時刻,它們卻六親不認了。(說多了都是淚,我曾經面試也吃過專業名詞的虧,以后有機會再娓娓道來。)


          “我又不走形式主義,為什么一定要說專用名詞裝x呢?接地氣的名稱不是挺好嗎,溝通?!薄芎唵蔚牡览?,如果名詞和概念都混淆不清,有沒有花功夫在UI設計領域進行深度專研也就一目了然了,還何以談論如何將它們運用自如呢?——“你連迪麗熱媽和古力娜扎都沒分清,你敢說你知道什么是真皮沙發?”


          于是我的經歷,讓我產生了一個想法。是時候做一些知識內容沉淀與分享了,不能讓更多的人走我踩過的坑。第一期我們便來講一講導航欄。


          -


          01.導航欄究竟在哪里


          導航欄 Navigation Bar,也簡稱為Navbar。一定會有不少剛入門的UI新人,在諸多的Bar控件中,難以區分它所指代的區域。


          在iOS上,導航欄是指顯示在應用程序頂部,位于狀態欄下方的容器區域,層級應高于當前頁面內容。


          在安卓上,Google公司在Material Design中也賦予了它同樣的定義,但是卻給了它另一個名稱,頂部應用欄( Top App Bar)。


          iOS與安卓的規范與命名區別


          請務必要記?。簩Ш綑谑怯糜跇嫾?strong style="outline:0px;margin:0px;padding:0px;">當前屏幕的內容,闡述當前屏幕的狀態,并且起到連接父子級頁面層次結構的作用。——所以回到開頭的小故事,為什么標簽欄不能叫做底部導航,因為標簽欄是構架了多個屏幕之間平級頁面的內容切換。和“導航”的定義沒有半毛錢關系。


          _


          02.規范里告訴我們該怎么做 vs 實際項目我們該怎么做


          一個基本的導航欄容器一般承載的信息可能會有:標題導航按鈕;內容控件按鈕;其他控件(比如搜索欄、分頁標簽或分頁控件等);千萬別忘了還有分割線。


          2.1 導航欄標題


          時間倒退回2017年以前,這時候的移動端規范下的導航欄還是循規蹈矩的,樣式單一。但隨著iPhone X等一系列全面屏手機相繼問世后,移動設備在屏幕高度上有了進一步的擴展,界面設計在一屏內的發揮空間也隨之增加。iOS11發布后,大標題導航欄設計風格興起,隨后被引入平臺規范。


          于是現在iOS與Material Design在導航欄上也都定義了兩種導航欄標題規范:常規標題大標題。


          常規標題是指在高度為88px(iOS@2x下)的導航容器中,居中放置一個當前頁面的標題。標題字號一般為34px-38px(34px為iOS標準規范,但實際項目中可以在盡量在不小于34px標準的情況下根據設計需求確定)。


          常規導航不同標題字號的案例及視覺效果


          大標題是將導航欄欄高增加到192px(iOS@2x),保留高度為88px的導航容器來承載內容控件按鈕,將標題下墜居左。iOS的標準規范定義大標題的字號為68px。但由于英文有大小寫區分,在視覺上有一定的層次表現,而中文因為缺少一定的層次結構,并且相同字號的中文視覺大小大于英文,所以大多數時候我們在進行大標題設計時,會適當縮小,一般為56px-64px居多。


          大標題不同標題字號的案例及視覺效果


          大標題導航欄的優點毋庸置疑,頁面留白更多,呼吸感更強,大氣現代、逼格更高,因為頁面標題巨大,能夠幫助用戶快速確認當前所處位置;采用統一的大標題,讓頁面布局風格快速統一。但缺點也顯而易見,因為增加了導航欄的高度,導致屏幕利用率降低一些通過廣告變現或更加注重一屏內內容呈現的應用便中和了常規導航與大標題導航的優缺點,進行了風格改進。


          改進的大標題案例


          那我們如何在常規標題和大標題之間抉擇呢,這可不單單是設計風格的問題,還受產品定位與功能的影響。蘋果的設計師在Apple Music中實驗并驗證了一條結論——在內容非常豐富、層級結構較深的產品當中,大標題能夠幫用戶快速確認自己的位置。


          所以我理解的適合使用大標題風格的產品一定是:突出內容呈現而不是功能繁瑣的;產品定位更偏向于現代或文藝藝術的;需要快速統一界面風格的。而層級結構需不需要很深,這并不一定,我反而覺得功能越單一、產品體量級越輕的應用,越適合大標題。


          所以如此看來,國內使用大標題成功的案例就為數不多了,這可能與中文字體還有國內app產品功能都比較繁瑣的原因有關,真正做到了使用大標題快速幫助用戶確認自己位置,并且結合了產品特性與風格的,我認為人人都是產品經理的移動端在這方面做的非常棒。


           2.2 導航按鈕及內容控件按鈕


          iOS規定導航按鈕位置僅能用于放置返回按鈕,可以添加一個層級的面包屑,幫助用戶有效地明確當前頁面層級;Material Design中,則不僅可以放置返回按鈕,還另有作用,菜單圖標-用于打開導航抽屜 或者 關閉圖標-關閉工具欄。


          iOS與安卓的導航按鈕區域區別


          這一點與iOS的定義有著天壤之別,iOS非常明確地賦予了工具欄的定義,并且將導航欄和工具欄(Toolbars)徹底地分離開,典型案例就是Safari。


          iOS明確地將導航欄與工具欄分離開


          在內容控件上iOS與Material Design也大相徑庭,Material Design不去限制你的內容控件多少,因為它提供了溢出菜單,并可以根據屏寬的變化,自適應釋出和收納溢出菜單中的控件。



          而iOS則規定我們,要給內容控件按鈕足夠多的空間,必要的時候,隱藏導航欄標題也未嘗不可。



          那么真實的項目中,我們經常為了快速落地,會存在一稿適配雙平臺的情況。這時候我們應該遵從哪一個平臺的規范呢?答案是:許多大廠的做法已經向我們驗證,規范不分家。


          在iOS諸多的應用中溢出菜單早已普及,盡管這是Material Design提出的設計理念。



          Material Design的溢出菜單也被運用在iOS端


          雖然國內遵從Material Design進行Android應用設計的情況相對較少,但它提供的設計理念與方案卻并不局限在安卓平臺。


           2.3 分割線


          分割線只是一種體現形式,我想要表達的是,別忘記區分導航欄與內容界面的視覺層級關系。Matetial Design提醒我們,頂部應用欄可以與內容位于同一高度,但滾動時,請增加導航欄的視覺高度,讓內容在其后方滾動。而iOS則默認采用了背景模糊的方式區分了導航欄與內容區域的層級關系。


          區分導航欄與內容區域的層級關系


          缺少視覺分割會讓用戶分不清導航欄與內容界面,它們看起來會更像一個平級。對用戶視覺區分內容主次其實是極不友好的。


           2.4 其他控件


          關于其他控件,iOS只在規范中提及到了分頁控件。蘋果設計師考慮到部分場景在當前頁面中還存在信息層級結構劃分,此時建議可以在導航欄中使用分段控件。


          但國內的應用程序早已將導航欄容器的作用發揮到,基于導航欄層級始終高于內容區域的特性,我們通常可以將分段控件、分頁標簽、搜索欄等等用戶可能隨時使用的工具放在導航欄中。


          導航欄通常會承載的其他控件


          -


          03.總結


          導航欄是幾乎每一個界面都必定存在的控件,正因為無法輕易刪減,逃不掉就必須用好它,不然很容易淪為頁面的減分項。


          設計好導航欄不僅僅是視覺上的工作,表現的方式、承載的按鈕與組件、滾屏時的組合操作還能給用戶帶來極大的體驗增益。

          轉自:站酷-UCD耍家 

          平臺戰略分析:微信付費閱讀的演進

          資深UI設計者

          踏破鐵鞋無覓處,得來全不費功夫。微信付費閱讀一出,對優質內容創作者來說,無疑從天而降了一條增收渠道。微信為什么在要此時推出付費功能?在付費閱讀最終推出之前,微信做了哪些準備?如何打造一個成功的平臺?

          擇時:為什么馬化騰等了三年

          微信公眾號付費最早的新聞出現在2017年2月14日,馬化騰在朋友圈回復評論人洪波說,正在加快微信公眾號付費訂閱功能。

          轉眼三年過去,付費閱讀才姍姍來遲。這是一個極佳的根據內外環境來演進產品的案例。

          首先我們來看微信付費閱讀的要求,前兩條“公眾號注冊超過3個月”和“3個月內無嚴重違規紀錄”,都是對使用權益的基本要求;最后一條“已發表至少3篇原創文章”則是典型用戶的關鍵特征,從此項出發,可以推導出產品功能商業化演進的關鍵路徑點。

          內部:產品演進過程

          通過商業化關鍵特征“原創性”,找到了關鍵演進路徑的起點:原創。

          下面是圍繞原創的各項關鍵事件時間節點:

          2017年11月22日正式發布原創功能:

          公眾號文章可以使用“原創聲明”和“留言”功能。背后依托的是騰訊在文章重復率檢查的技術。一篇上萬字的文章,點擊“原創聲明”時,幾乎無感知收到檢查的結果。原創聲明的擴展功能包括:打賞、轉載、白名單。

          2018年6月6日正式恢復文章打賞功能:

          微信最早在2016年就推出了文章贊賞功能,此項功能一波三折,中間經歷了與Apple AppStore平臺的分成博弈,還有作者的所得是否該納個稅的社會輿論;最后在2018年6月6日正式恢復:贊賞的錢直接給到作者。

          微信與Apple是競合策略(Coopetition)運用。微信作為Apple App,打賞功能根據AppStore規則應由Apple分羹。而作為擁有9億用戶的微信,又為Apple創造了一個殺手級的App——你能想象同一個打賞,安卓手機上的微信能讓創作者收入更高嗎?那Apple用戶的高價值如何體現?數字化產品中競合策略的發生,取決者兩者既可集成(Integration)又可分離(Separation),并且需要進行商業上的決策。

          2019年10月29日原創文章規模達到1.1億:在北京由騰訊主辦的《互聯網社交平臺知識產權保護論壇》上,騰訊宣布,原創聲明標識的文章規模已超過1億。其中騰訊的原創保護貢獻在累計刪除15萬的涉嫌侵權文章、6萬品牌侵權信息,每天主動攔截假冒注冊行為11,000次。

          產品內部演進總結:

          原創產品的內部演進,經歷了關鍵技術突破、商業規則變革和規?;齻€關鍵節點。至此產品市場已經成熟。

          市場趨勢發展

          知識付費市場是由視頻、音樂用戶付費習慣的不斷成長而帶動的。艾瑞《2018年中國在線知識付費市場研究報告》預測,到2020年,中國知識付費市場規模將達到235.1億人民幣。

          艾瑞這份報告偏差在于:價值鏈分析只將微信視為了渠道,在2018年微信已經擁有原創+付費兩大基本要素之后,艾瑞也未在競爭格局將微信視為潛在進入者。

          2019年知識付費“風口”過去之時,對行業中依然處于中小規模,無法站穩用戶基礎的創業公司而言,就將成為即將摔下來的豬,而此時市場卻初步成熟,正是巨頭進入的時機了。

          市場趨勢發展總結:

          初期市場進入容易,因參與者少,供給遠小于需求時,初創公司容易獲得用戶,面對競爭少。但隨著用戶使用、購買習慣的養成,越來越多的競爭者進入,達到供需平衡時刻(即市場均衡)時,新進入者獲客、現有的供給方留客將越來越困難。如果此時市場規模足夠大,達到數百億甚至千億級別,它將成為巨頭們的主戰場。

          平臺:價值鏈的顛覆者

          艾瑞報告中知識付費產業價值鏈定義了三類參與者,內容提供方和知識付費平臺類又共細分為六個角色。而微信付費閱讀將整個產業價值鏈供應端重塑為了兩個角色:平臺和原創作者。這一重塑極大地簡化了價值創造與交付過程,也提升了價值獲取的份額。對整個產業來說,是一次有效的增值。

          在知識付費產業還存在一個潛在進入者,就是工具應用,比如阿里巴巴推出的語雀知識管理平臺,就提供了非常好用的文章編寫和管理工具。但平臺能夠快速替換掉獨立知識付費平臺、頭部知識內容商以及KOL、經紀/孵化公司,是因為平臺的獨特技術(核武器):生成性。

          生成性 Generativity——平臺具備創造新產品的技術能力(Technology supports the creation of novel products.)

          正是生成性,使平臺成為了數字化時代最高生產力的代表。僅僅使用微信付費閱讀功能,作者就可以直接創造出讀者可購買的產品,這就是微信作為平臺的核心顛覆能力。而頭部知識內容商的簽約作者、KOL,均可以通過入駐微信公眾號以及運營微信群,完成整個商業模型的閉環。

          總結

          打造一個平臺,需要根據外部市場趨勢,不斷地進行內部產品演進和內外商業生態治理。

          但微信付費閱讀的成功遞進,不僅僅是技術或簡單商業化(變現)的轉變,而是抓住了知識付費產業的第一性原理:知識產權保護。

          根據科斯定理,在一個產權清晰的市場中,它的配置將會是最有效的。抓住知識產權生態的微信付費,有可能實現內容創作者與閱讀者之間更有效的資源配置。

          文章來源:人人都是產品經理

          聊聊那些擁有“邊際效應”的產品

          資深UI設計者

          講述邊際效應對應不同線上線下產品的不同狀態以及優勢

          現如今對于大多數的互聯網產品來說,其實都大致會用到“邊際效應”這個概念,在看似華麗渲染的互聯網背后,真正支撐著的是對人的深刻認識與理解。當然,現如今的產品很多都有規律可循,包括商業模式、變現方式等等,那么這次我們就來說說那些在互聯網中產品的邊際成本遞減效應的設計。



          邊際成本

          首先呢,在這里我要先為大家解釋一下何為邊際成本。

          從概念性角度解釋:邊際成本指的是每一個單位新增的產品(或購買的產品)所帶來的總成本增量。

          ( 舉例 )

          比如說現如今的共享單車,在僅生產第一輛的時候,其公司花費的成本是極大的,它包含:設計費、電話費、路程費、人工費等等等等……但是,在生產第100輛的時候,小車兒的成本就低很多了,再不創新的前提下,只要復制就可以了,而如果在生產第1000輛的時候,那成本就更低了,這就是經濟規模帶來的效應。那么,同樣的復制,為什么越復制越便宜呢?其實,這里面有一個對等的增產量對比,由于小車數量的增多,遍布區域的擴大,所以,也就導致公司的機會成本增高,也就是成本更低,所以,考慮邊際成本遞減的同時,也要考慮機會的增多。



          邊際成本遞減

          剛才說到的其實就是邊際效應里成本遞減的模式,也是我們這次討論產品的核心,所謂的邊際效應遞減,就是指在其他條件不變的情況下,如果一種投入要素連續的等量增加,當增加到一定產值后,所提供的產品增量就會下降,同時可變要素的邊際產量就會遞減。


          我在舉個例子:日常的滴滴打車,就是遞減的模式,因為滴滴大多數的供給側平臺用戶就是私家車出來接單,所以,當平臺每多接入一輛車,那么對于滴滴平臺來講邊際成本就越趨于零。

          其實,類似于滴滴打車這樣的線上+線下的資源整合性平臺,更加符合互聯網的經營模式,這是因為互聯網在21世紀,就是以免費為前提的,隨著用戶的增多,邊際成本的下降,無非就是在完善經營的條件下,多開一些服務器和寬帶罷了,其他的成本幾乎已經可以忽略不計,而這也正是互聯網產品成為霸主的必要因素之一。


              注(供給側:經濟學術語的一種,意思是指供給方面,國民經濟的平穩發展取決于經濟中需求和供給的相對平衡。 供給顯示了隨著價錢升降而其它因素不變的情況下,某個體在每段時間內所愿意賣出的某貨物的數量。在某一價格下,消費者愿意購買的某一貨物的總數量稱為需求量。在不同價格下,供給量會不同。供給和需求也就是說價格與需求量的關系。若以圖像表示,便稱為供給曲線。)



          邊際成本的線下產品案例


          奶茶案例

          在我們逛街購物時,幾乎都會買一杯奶茶飲品,而這里面就運用到了邊際效應的負效應模式,他們運用第二杯半價的手段來提升消費者對產品第一次的貪婪程度,也就是“欲望值”,同時也提升了產品的銷售,但邊際成本不變,當消費者購買后,負效應可能就會產生,因為消費者不一定能喝完。這里就體現的是商品價值取決于人的欲望和欲望被滿足的程度比例。



          服裝案例

          再比如商場內大牌服裝都寫著全場8折,其實仔細想想,8折的價格真的很劃算么?他們這么做也同樣是在運用了邊際效應的同時調取了消費者心理的欲望值,在消費者第一次購買時,單純考慮的爽點而非負效應,但隨著商品購買完的數量,才真正會產生負效應。



          電影票案例

          還有一個是關于電影票的,我的一個朋友會經常去看電影,之前去看電影的時候是在現場買的票,那次售票員給他推送了一個非常超值的套餐,就是單買一張票是原價48元,但是近期有一個限量套餐,這個套餐里包含:5場電影+1桶爆米花,價格是149元,但是需要一次性消費,聽起來是不是非常超值?我的朋友考慮反正也沒事,那就多看幾場,還便宜。但是如果按照邊際成本遞減與負效應來講,這絕對是一件虧本的買賣,誰能一直做著看十幾個小時的電影不走?我想電影院也一定有這樣的數據才會推出這樣的套餐吧。但隨著消費者購買人數越多,邊際成本遞減,其他人也會紛紛模仿,這里面包含一個人類固有的“羊群效應”,也就形成了商業價值,但隨著消費者看電影時間的延長,負效應也隨之而來。


              注(羊群效應:羊群效應理論,也稱羊群行為、從眾心理。經濟學里經常用“羊群效應”來描述經濟個體的從眾跟風心理。)



          邊際成本的線上產品案例


          微信

          首當其沖的,自然是微信了,這個傳奇產品堪稱邊際成本做的最好的一個,在我們之前都是運用短信電話的時候,每發一條短信,每打一個電話都要考慮不同的費用,但由于微信的出現,極大的解決了用戶的這個痛點,微信已最核心的打字聊天、語音/視頻通話為主要支點,并賦予各種特色產品輔助。在微信最大化的邊際成本趨于零的同時,迅速擴大了用戶使用產品的范圍區,所以,作為互聯網的邊際成本,我想微信的在這方面確實做的很好。



          GoFun出行

          這款產品為共享汽車類型,屬于線上+線下產品,Gofun出行的邊際成本做的比較合理是,首先是他的供給側能力較足,因為依托了首汽集團的優勢資源,極大的降低了邊際成本,并通過對用戶的日常作息將碎片打車時間、坐公交時間、出游時間等需求作為整體分析,提供了這一種出行服務,并且現在的產品里還融合了長時間租車服務,這就極大的又一次挖掘了一批潛在用戶,在邊際成本遞減并趨于零的同時,反響的用戶群體范圍也在逐漸擴大。同時這個產品還在登陸時跳出有廣告提示,“分享可得免費時長開車券等優惠”,這種手法也是除了在邊際成本遞減的同時,運用的用戶酬賞機制,目的是通過用戶引流用戶。



          摩拜單車

          在文章開篇的時候我拿共享單車舉過例子,其實摩拜單車的性質與共享汽車的性質大體一致,主線路相似程度可達到80%,這里我要和大家說一個定律,關于用戶的定律。當產品開發者抓區并成功解決掉某幾種目標用戶的痛點后,其相等模式可無限制復制,并形成范圍值生產從而解決掉這幾種用戶對等的群體用戶痛點。

          我給大家舉個例子應該就徹底明白了,就像醫藥行業診斷,當醫生遇到一種從未遇見過的病毒時,其第一次需要花費的成本是極其昂貴的,但只要一旦得到解決,那么當再次遇到同類型病毒時,就可以快速復制解決,其邊際成本迅速降低,反之收益增高,同時同類型病毒則可批量解決。共享汽車和單車產品正是邊際成本與復制的這一體現。




          總結

          邊際成本在20世紀時是非常難得的一個概念,因為在20世紀的成本里,幾乎都是建立在“原子經濟”上的,而直到21世紀互聯網形體的出現,邊際成本將真實的成倍數下降,這是因為21世紀的成本發生了轉移,建立在了“比特經濟”上。

          所謂原子經濟的本質就是需要以大規模生產取勝,它所遵從的是絕對的單一化、標準化、格式化創造。這種創造,并不能形成邊際成本的遞減,甭別說是趨于零,它需要的是逐漸遞增服務,就像和滴滴打車對抗的線下出租車,隨著消費者的增多,它能做的不是整合,而是新增出租車和司機進行匹配,如果不加入互聯網行業,他們將很難維持下去。


          而比特經濟,則正好是多元化、個性化、小眾化、扁平化的。它所崇尚的就是一種主客一體、多元共生共存的理念、可以使使用者分享滿足感和快樂感。這樣的好處是在快速擴大用戶群體區值的同時還能使邊際成本下降。



          文章來源:站酷


          日歷

          鏈接

          個人資料

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

          存檔

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