首頁(yè)

人才招聘價(jià)值觀:服務(wù)理念、對(duì)知識(shí)抱有渴望、摒棄自大心理、積極適應(yīng)變化

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

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

對(duì)于快速發(fā)展的初創(chuàng)企業(yè)來(lái)說(shuō),人才招聘至關(guān)重要。一方面,要保證人才招聘的速度。另一方面,也要保證人才的質(zhì)量。因?yàn)閺拈L(zhǎng)期角度來(lái)看,只要是進(jìn)入公司工作的員工,就必須要順利適應(yīng)并且融入企業(yè)的文化氛圍,而不是指望隨著時(shí)間的推移來(lái)強(qiáng)迫員工去接受企業(yè)的文化。

因此,對(duì)于一家公司的領(lǐng)導(dǎo)人來(lái)說(shuō),如何能夠在堅(jiān)持初心的前提條件下,快速且地找到適合自家公司的人才、拓展相關(guān)的業(yè)務(wù)規(guī)模,便成了一個(gè)相當(dāng)重要的問(wèn)題。

Josh Reeves是SaaS薪資管理平臺(tái)Gusto的聯(lián)合創(chuàng)始人兼首席執(zhí)行官,該公司專門提供薪資、福利和人力資源服務(wù),在品牌重建之前名為ZenPayroll。秉承著對(duì)自己價(jià)值觀和創(chuàng)業(yè)觀的堅(jiān)持,Reeves成功將最開(kāi)始只有一間房和三個(gè)人的小團(tuán)隊(duì),發(fā)展為現(xiàn)如今員工數(shù)量超過(guò)600人的大公司。在六年的時(shí)間里,公司的業(yè)務(wù)范圍已經(jīng)從當(dāng)初的帕拉奧圖擴(kuò)大到了舊金山和丹佛。在Gusto,溫暖、熱情、親切和個(gè)性,一直是自己的企業(yè)文化核心。在成長(zhǎng)和擴(kuò)張的道路上,它一直堅(jiān)持自己的初心和價(jià)值理念,并沒(méi)有因?yàn)楦咚贅I(yè)務(wù)增長(zhǎng)而摒棄自己的傳統(tǒng)。據(jù)Reeves介紹,能夠取得這些成績(jī),公司采用的人才招聘政策起到了至關(guān)重要的作用。

在這篇文章中,Reeves分享了Gusto如何在上讓原本無(wú)法拓展升級(jí)的人才招聘環(huán)節(jié)發(fā)揮出積極作用,講述了自己獨(dú)特的一套人才招聘戰(zhàn)略,并且列舉了公司在這個(gè)問(wèn)題上所遵循的三大步驟,以保持自己的企業(yè)文化和最優(yōu)傳統(tǒng)。

想要公司業(yè)務(wù)拓展,首先重點(diǎn)關(guān)注傳統(tǒng)

所謂傳統(tǒng),就是在公司業(yè)務(wù)發(fā)展過(guò)程當(dāng)中形成的一些慣常做法,自然而然也就是企業(yè)文化的堅(jiān)實(shí)組成部分。但乍一看,這些傳統(tǒng)都是無(wú)法實(shí)現(xiàn)升級(jí)拓展的。因?yàn)橥ǔG闆r下,當(dāng)公司發(fā)展到某一特定規(guī)模之后,那些創(chuàng)始之初的傳統(tǒng)做法就會(huì)逐漸消失。幾乎不會(huì)再有人記得在剛開(kāi)始那段時(shí)間,大家都如何做事、公司都如何運(yùn)營(yíng)。但于Reeves而言,傳統(tǒng)就是一家公司的名片?;蛟S它們無(wú)法繼續(xù)發(fā)揮太大作用,但嘗試著去保留下來(lái),仍然是一個(gè)明智的選擇。用他的話說(shuō):“如果想要讓我針對(duì)傳統(tǒng)給出自己的建議,那我會(huì)說(shuō)切忌過(guò)度僵硬或過(guò)度強(qiáng)制。只要順其自然地遵循日常工作中約定俗成的做法,那就已經(jīng)足夠。那些傳統(tǒng),不應(yīng)該是公司刻意塑造出來(lái)的,而是自發(fā)、慢慢融入企業(yè)血液與靈魂的。通過(guò)多年來(lái)的自我堅(jiān)持和自我強(qiáng)化,成為企業(yè)文化的一部分。簡(jiǎn)單說(shuō)來(lái),傳統(tǒng)務(wù)必是非常真實(shí)的。其對(duì)錯(cuò)與否,并沒(méi)有任何死板的條例與公式。每一家公司和每一支創(chuàng)始團(tuán)隊(duì),都有著自己不同的傳統(tǒng)和慣例?!?

眾所周知,在Gusto,員工不穿鞋在辦公室走動(dòng),是一件十分常見(jiàn)的事情。在舊金山和丹佛的辦公室,連訪客都可以使用公司免費(fèi)提供的襪子和拖鞋。而這一做法,還得追溯到公司創(chuàng)始階段在帕拉奧圖時(shí)的情景。Reeves解釋說(shuō):“其實(shí),無(wú)論是我,還是另外兩位聯(lián)合創(chuàng)始人,我們都是在不穿鞋的家庭環(huán)境中長(zhǎng)大的。鑒于當(dāng)時(shí)我們的辦公室也是起居室,因而便形成了這樣一個(gè)習(xí)慣。所以,在公司業(yè)務(wù)擴(kuò)張之后,我們?cè)谂f金山有了更大的辦公室。在和其他同事討論之后,我們遵循大多數(shù)人的意愿,保留了不穿鞋工作的習(xí)慣,讓大家更為放松自在地完成自己地工作。但還是那句話,這是我們從創(chuàng)業(yè)之初保留下來(lái)的慣常做法。換個(gè)角度想,如果當(dāng)時(shí)我們刻意推出這樣一個(gè)硬性規(guī)定,那么既輕松又的工作環(huán)境,可能就無(wú)法實(shí)現(xiàn)了?!?

當(dāng)然,Reeves也指出,并不是所有于創(chuàng)業(yè)初期形成的慣常做法,都能夠在公司業(yè)務(wù)拓展的過(guò)程中得到保留。比如說(shuō),在發(fā)展早期,Gusto團(tuán)隊(duì)會(huì)在新員工入職之前將其詳細(xì)的資料介紹發(fā)送給公司全員。雖然這確實(shí)是值得保留的傳統(tǒng),但隨著公司員工數(shù)量的大幅增加,想要切實(shí)堅(jiān)持這一點(diǎn),已經(jīng)變得相當(dāng)困難。一般情況下,新員工的詳細(xì)背景僅僅局限于其直接對(duì)接的招聘團(tuán)隊(duì)。不過(guò),在公司的全員大會(huì)上,仍然會(huì)進(jìn)行一個(gè)簡(jiǎn)單介紹。

對(duì)于白手起家的創(chuàng)業(yè)者而言,第一件需要做的事情,就是明確自己的價(jià)值觀,畢竟它們會(huì)一路伴隨公司的成長(zhǎng),指引著傳統(tǒng)慣例的發(fā)展演變。Reeves表示:“每一家公司都會(huì)經(jīng)歷一個(gè)并不短暫的過(guò)程,來(lái)搞清楚自己真正需要注意的事情。因此,就我個(gè)人而言,能夠給出的建議就是務(wù)必堅(jiān)持自己的價(jià)值觀。一家公司的成長(zhǎng)可以有很多種不同的方式,并沒(méi)有一定正確或一定錯(cuò)誤之分。你需要做的,就只是跟隨自己內(nèi)心最為真實(shí)的想法,堅(jiān)持公司內(nèi)部最為真實(shí)的工作習(xí)慣和文化氛圍。而在人才招聘的過(guò)程中,也千萬(wàn)不要試圖用你的價(jià)值觀去說(shuō)服別人。在Gusto,我們也有自己的核心價(jià)值觀。如果它們與某些員工無(wú)法完全契合,那并不能說(shuō)是員工不合格甚至人品不好。只能說(shuō),或許他們?cè)谄渌靖軌虬l(fā)揮出自己的優(yōu)勢(shì)。這也就是在招聘面試過(guò)程中,將公司核心價(jià)值觀呈現(xiàn)給應(yīng)聘者,并且借助相關(guān)環(huán)節(jié)反映和強(qiáng)化這些價(jià)值觀的原因所在。要知道,人才招聘和公司價(jià)值觀體現(xiàn),都有著相當(dāng)重要的地位。”

利用自家公司的慣用招聘策略

Gusto向來(lái)以自己的人才招聘理念和策略為豪,它能夠很好地將自己的價(jià)值觀和傳統(tǒng)融入到整個(gè)應(yīng)聘面試過(guò)程中去。Reeves表示:“我們的指導(dǎo)理念就是,所謂人才招聘,其實(shí)就是一個(gè)尋找聯(lián)盟和形成一致的過(guò)程。也就是說(shuō),公司不需要強(qiáng)制說(shuō)服應(yīng)聘者加入公司,而應(yīng)聘者也不需要強(qiáng)制說(shuō)服公司雇用自己。與之相反,雙方需要達(dá)到一致和默契的狀態(tài),共同找到一種能夠提高工作效率的合作方式?!?

針對(duì)這個(gè)問(wèn)題,Gusto主要是采用了兩種策略。一方面,堅(jiān)持了公司的傳統(tǒng)和慣例。另一方面,也根據(jù)不斷擴(kuò)大的業(yè)務(wù)規(guī)模進(jìn)行了調(diào)整。他們主要是采用了一種叫做“西瓜面試”的方法,通過(guò)一個(gè)集中化的人才招聘委員會(huì)來(lái)詳細(xì)審核每一位應(yīng)聘者的背景資料以及與特定崗位的契合度。

第一種:采用“西瓜面試”方法

最初做法:首席執(zhí)行官對(duì)每一位應(yīng)聘者進(jìn)行面試,以便評(píng)估其能力品性與特定崗位以及公司核心價(jià)值觀之間的契合度。

升級(jí)做法:借助設(shè)計(jì)全面的、專為員工準(zhǔn)備的面試培訓(xùn)項(xiàng)目,來(lái)判斷他們的做事風(fēng)格和效率是否與特定崗位以及公司核心價(jià)值觀契合。同時(shí),還可以利用評(píng)分卡體系來(lái)對(duì)應(yīng)聘者進(jìn)行評(píng)估。

Reeves介紹說(shuō):“最開(kāi)始,我面試應(yīng)聘者的時(shí)候,基本上不會(huì)關(guān)注專業(yè)技能或工作經(jīng)驗(yàn),而是比較看重他們與特定崗位以及公司核心價(jià)值觀之間的契合度。所以,與其說(shuō)是面試,不如說(shuō)是一段不那么嚴(yán)肅的對(duì)話,目的只是想要了解他們的個(gè)人興趣和潛在的工作動(dòng)力,所討論的話題也都是比較隨意的?!?

現(xiàn)在之所以將其稱作“西瓜面試”,主要也還是與Gusto的傳統(tǒng)有關(guān)。Reeves解釋道:“每一位新員工加入公司時(shí),都可以在前幾個(gè)星期拿到西瓜福利。早在創(chuàng)業(yè)初期,我們?cè)谂晾瓓W圖的辦公室里剛好有房東送來(lái)的西瓜,因而就轉(zhuǎn)贈(zèng)給新員工作為他們的入職禮物。雖然現(xiàn)在已經(jīng)搬了不同的辦公室,但送西瓜作為入職禮物的習(xí)慣仍然保持下來(lái)了?!?

然而,隨著公司規(guī)模的擴(kuò)大,Reeves顯然不可能與每一位應(yīng)聘者或是每一位新員工進(jìn)行交流。因此,他就從公司內(nèi)部挑選了一些與自己面試風(fēng)格類似的人來(lái)完成這項(xiàng)工作,以保證每一位應(yīng)聘者都能夠經(jīng)歷一個(gè)輕松的面試過(guò)程。但還是那句話,隨著公司規(guī)模擴(kuò)大,這種方法同樣無(wú)法有效支持業(yè)務(wù)的高速增長(zhǎng)。由此,流程化、專業(yè)化的西瓜面試項(xiàng)目便誕生了。

Reeves及其團(tuán)隊(duì)成員,針對(duì)人才招聘面試制定了非常細(xì)致宏偉的目標(biāo),希望能夠做成世界一流的面試培訓(xùn)項(xiàng)目。他們?cè)诠緝?nèi)部發(fā)起了一項(xiàng)問(wèn)卷調(diào)查,號(hào)召大家羅列出一些成功必備的品質(zhì)要素。接著,再將那些要素與公司價(jià)值觀進(jìn)行融合,總結(jié)出了四點(diǎn)所謂的西瓜品質(zhì),即形成服務(wù)理念、對(duì)知識(shí)抱有渴望、摒棄自大心理、積極適應(yīng)變化,作為西瓜面試項(xiàng)目中的主要參照指標(biāo),幫助順利找到與公司業(yè)務(wù)類型和發(fā)展愿景相契合的優(yōu)秀人才。當(dāng)然,這些只是適用于Gusto和Reeves的品質(zhì)要素。也就是說(shuō),每一家公司的創(chuàng)始人都需要從自身情況出發(fā),花時(shí)間、花精力去找到對(duì)自家公司最為重要的員工技能,從而找到最為真實(shí)、最為合適的人才。最后,在品質(zhì)要素設(shè)置完成之后,還需要在公司內(nèi)部組建一支西瓜面試團(tuán)隊(duì)。

第二種:組建招聘委員會(huì)以保證一致性和連貫性

最初做法:首席執(zhí)行官對(duì)是否雇用某位應(yīng)聘者掌握最終決定權(quán)。

升級(jí)做法:由四人組成的招聘委員會(huì),代表公司不同運(yùn)營(yíng)部門,對(duì)應(yīng)聘者進(jìn)行綜合能力評(píng)估并且做出是否雇用的終極決定。

在發(fā)展早期,公司創(chuàng)始人是會(huì)切實(shí)參與人才招聘每一環(huán)節(jié)的。但到后期,這一做法就無(wú)法得到保證。

因此,為了保證高質(zhì)以及整個(gè)過(guò)程中的一致性和連貫性,快速擴(kuò)張的初創(chuàng)企業(yè)必須要借助合理的辦法來(lái)解決這個(gè)問(wèn)題,那就是專門組建人才招聘委員會(huì)。

對(duì)于年增長(zhǎng)率達(dá)到20%或者50%甚至100%的初創(chuàng)企業(yè)來(lái)說(shuō),建立一套流程化、結(jié)構(gòu)化的人才招聘機(jī)制,有著至關(guān)重要的作用。因?yàn)橥ǔG闆r下,一家公司可以通過(guò)很多種方式和渠道來(lái)實(shí)現(xiàn)業(yè)務(wù)增長(zhǎng),這樣一來(lái)人才招聘可能就會(huì)出現(xiàn)多重標(biāo)準(zhǔn)。更為糟糕的是,有時(shí)候還涉及到統(tǒng)一公司內(nèi)的不同文化氛圍問(wèn)題,就會(huì)使人才招聘變得異常混亂和低效。

但有了專門的招聘委員會(huì),情況就會(huì)得到大大改善。當(dāng)然,在這里,還是要再?gòu)?qiáng)調(diào)一點(diǎn),委員會(huì)的成立完全是為了提高自家公司的運(yùn)作效率,因此還是要以不同公司的實(shí)際情況為基礎(chǔ)進(jìn)行考量。

如何避免無(wú)法升級(jí)拓展的瓶頸要素?

在上文介紹完積極利用正面工具來(lái)提高人才招聘效率之后,我們要換一個(gè)角度思考,應(yīng)該如何來(lái)避免那些可能會(huì)帶來(lái)消極影響的瓶頸要素。

在公司高速增長(zhǎng)的階段,保持人才招聘過(guò)程中的文化傳統(tǒng)和發(fā)展活力,有著至關(guān)重要的作用。首先,正確認(rèn)識(shí)人才招聘流程的作用。它是尋找了解和默契的過(guò)程,并非純粹用來(lái)拓展團(tuán)隊(duì)規(guī)模。其次,順利找到適合自家公司的人才之后,可以適當(dāng)進(jìn)行一些慶祝活動(dòng)。當(dāng)然,慶祝的側(cè)重點(diǎn),是自家公司的各項(xiàng)業(yè)務(wù)順利找到了一位默契合拍的合作伙伴。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

構(gòu)建企業(yè)品牌價(jià)值

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

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


品牌價(jià)值是一家企業(yè)的無(wú)形資產(chǎn),企業(yè)一旦建立起品牌價(jià)值,就代表了品牌在消費(fèi)者心中已經(jīng)有了知名度和美譽(yù)度,相比其他品牌更有信任感,品牌影響力也由此誕生。這就是為什么中小企業(yè)與大企業(yè)重視品牌價(jià)值的原因。


如今市場(chǎng)環(huán)境快速發(fā)展,市場(chǎng)競(jìng)爭(zhēng)異常激烈,品牌價(jià)值對(duì)于企業(yè)的重要性體現(xiàn)的越來(lái)越明顯。在構(gòu)建企業(yè)品牌價(jià)值的方式多種多樣,從文化內(nèi)涵層面著手是最業(yè)內(nèi)普遍的現(xiàn)象比如咖啡領(lǐng)域的星巴克和雀巢,價(jià)格上星巴克的價(jià)格更貴,口感方面,網(wǎng)絡(luò)上也有實(shí)驗(yàn)結(jié)果表示相差無(wú)幾,但為什么大眾對(duì)星巴克這個(gè)品牌更感興趣呢?

從微博可以看出,星巴克的粉絲是雀巢的兩倍。

造成這種差距的原因,主要是因?yàn)樾前涂擞么蟊娐?tīng)得懂的方式講好咖啡文化的故事,而雀巢更多的是展示產(chǎn)品的口感和作用。前者是無(wú)形價(jià)值的典范,后者則是強(qiáng)調(diào)了有形價(jià)值。

其實(shí)沒(méi)有誰(shuí)的做法是錯(cuò)誤的,有的只是更接近標(biāo)準(zhǔn)答案:一個(gè)真正意義上的成功品牌,應(yīng)該是像宗教一樣的能代表某種信仰、某種文化、某種精神。

長(zhǎng)此以往,聚沙成塔,星巴克更能在發(fā)展過(guò)程中沉淀品牌價(jià)值。

當(dāng)今,每家大企業(yè)都在不遺余力地制造和傳播品牌價(jià)值,中小企業(yè)更應(yīng)該提前布局規(guī)劃,那么中小企業(yè)究竟該如何提升品牌價(jià)值呢?或許我們可以從已經(jīng)成功打造品牌價(jià)值的行業(yè)巨頭那里汲取經(jīng)驗(yàn)。

前瞻性品牌定位

菲利普·科特勒提出,營(yíng)銷者想要成功塑造品牌價(jià)值,必須具備卓越的戰(zhàn)略品牌管理能力。而想要實(shí)現(xiàn)這一目標(biāo),必須做好四項(xiàng)工作:識(shí)別并建立品牌定位、規(guī)劃并執(zhí)行品牌營(yíng)銷、測(cè)量并解釋品牌績(jī)效、增加并維持品牌價(jià)值。

其中品牌定位是構(gòu)建品牌價(jià)值的核心內(nèi)容,關(guān)乎企業(yè)發(fā)展方向、產(chǎn)品布局、及后期營(yíng)銷策略表達(dá),其目標(biāo)在于使品牌價(jià)值最大化。比如蘇尚首創(chuàng)“一體四翼”的新型商業(yè)模式,是全渠道創(chuàng)新社區(qū)商業(yè)平臺(tái)。該品牌的表現(xiàn)稱得上現(xiàn)象級(jí),實(shí)現(xiàn)了由“吃、喝、玩、樂(lè)、購(gòu)”向“養(yǎng)、樂(lè)、學(xué)、美、創(chuàng)”的消費(fèi)轉(zhuǎn)型,被商界譽(yù)為“蘇商模式”。

蘇尚之所以能夠如此成功,原因在于互聯(lián)網(wǎng)孵化平臺(tái)雄商網(wǎng)始終在謀求前瞻的戰(zhàn)略定位,為其定制了執(zhí)行方案,深耕“共享生活”,定位“輕消費(fèi)、重服務(wù)”打造“蘇尚生活廣場(chǎng)”,率先提出社區(qū)一站式百米生活的解決方案,運(yùn)用大數(shù)據(jù)、大流量精準(zhǔn)驅(qū)動(dòng)百姓剛需生活。在此基礎(chǔ)上,蘇尚的市場(chǎng)與與公關(guān)策略也勢(shì)必要緊跟公司戰(zhàn)略,并始終保持著堅(jiān)定性和靈活性。

產(chǎn)品服務(wù)創(chuàng)新

產(chǎn)品是構(gòu)建品牌價(jià)值的基礎(chǔ),企業(yè)要深耕自己擅長(zhǎng)的領(lǐng)域,通過(guò)創(chuàng)造新品類或子品類,塑造品牌相關(guān)性,最大限度地將對(duì)手排除在競(jìng)爭(zhēng)之外。

作為白酒行業(yè)巨頭,五糧液以1040億元的品牌價(jià)值入選“2018中國(guó)上市公司品牌價(jià)值榜100強(qiáng)”,位居第25位,其背后的產(chǎn)品服務(wù)戰(zhàn)略也值得探索。

今年三月發(fā)布了“改革開(kāi)放四十周年”紀(jì)念酒、“新時(shí)代 國(guó)運(yùn)昌”紀(jì)念酒和“五糧液緣定晶生” 三款產(chǎn)品。同時(shí),擔(dān)負(fù)五糧液新零售模式下創(chuàng)新實(shí)踐重任的創(chuàng)新型營(yíng)銷平臺(tái)“五糧液五優(yōu)購(gòu)”也在當(dāng)天宣布測(cè)試上線。個(gè)性化、差異化服務(wù)的創(chuàng)新型產(chǎn)品和創(chuàng)新?tīng)I(yíng)銷平臺(tái)的推出,不僅讓業(yè)界看到了一個(gè)與眾不同的五糧液,而且也不斷為自己打造出新的競(jìng)爭(zhēng)壁壘。

營(yíng)銷策略表達(dá)

品牌價(jià)值即為消費(fèi)者帶來(lái)功能利益與情感利益。功能利益更理性,包括了商品的用料、工藝,以及針對(duì)商品推出的各種服務(wù);情感利益是由擁有、此商品后而產(chǎn)生的心理感受。

對(duì)消費(fèi)者來(lái)說(shuō),當(dāng)品牌可以提供高的情感利益時(shí),價(jià)格不會(huì)成為選購(gòu)商品的決定因素。因此,企業(yè)結(jié)合用戶洞察、營(yíng)銷場(chǎng)景、文化內(nèi)涵,與現(xiàn)有產(chǎn)品緊密結(jié)合,讓產(chǎn)品功效更好的落地感知,是樹(shù)立品牌價(jià)值的捷徑。

連續(xù)四年成功衛(wèi)冕“中國(guó)最有價(jià)值品牌”的騰訊,其品牌價(jià)值達(dá)到1322億美元,超過(guò)了同為BAT陣營(yíng)的阿里巴巴和百度的品牌價(jià)值總和。在營(yíng)銷策略表達(dá)板塊,騰訊圍繞IP展開(kāi),將旗下的游戲、動(dòng)漫、文學(xué)、影視等多個(gè)業(yè)務(wù)板塊囊括其中。特別值得關(guān)注的是,魔性《穿過(guò)故宮來(lái)看你》H5刷屏,永樂(lè)皇帝唱起了Rap;“長(zhǎng)城小兵”的漫畫形象也成為了“長(zhǎng)城你造不造”計(jì)劃的形象大使,借助公眾號(hào)與互動(dòng)小程序講述起了長(zhǎng)城故事。結(jié)合各種文化形態(tài)的營(yíng)銷方式,充分發(fā)揮了騰訊連接公眾,尤其是連接年輕群體的優(yōu)勢(shì),自然也為構(gòu)建騰訊品牌價(jià)值助力不少。

以上為大家分享的品牌戰(zhàn)略定位、產(chǎn)品服務(wù)創(chuàng)新、營(yíng)銷策略表達(dá)是構(gòu)建品牌價(jià)值的一種思路。在中小企業(yè)打造品牌價(jià)值的過(guò)程中,除了多借鑒行業(yè)巨頭的成功經(jīng)驗(yàn),更應(yīng)結(jié)合產(chǎn)品特點(diǎn)、品牌屬性在其領(lǐng)域持續(xù)制造話題,激發(fā)公眾想象,最終打造的的品牌價(jià)值。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)

推薦第二種方法

  • 令表格的id為realTimeTable

1、毀掉表格,再查詢數(shù)據(jù)后append,如果你查大量的數(shù)據(jù)(例如:查詢很多渠道的信息),而獲取服務(wù)器數(shù)據(jù)又太慢,你就會(huì)看到表格在一行一行的增加

  • 定時(shí)器,多長(zhǎng)時(shí)間執(zhí)行一次,自己定義,此處是30S
setInterval(function() { queryAll();
}, 30000);
    
  • 1
  • 2
  • 3
  • 先定義一個(gè)函數(shù),里面放入查詢的方法updateRealTimeData和你所自定義使用的方法
function queryAll() { updateRealTimeData();
        .
        .
        .
        .
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 方法updateRealTimeData
 function updateRealTimeData() { if(errorFlag || appid == -1) return; //把表格的tbody移除,不然后面會(huì)一直添加 $("#realTimeTable").bootstrapTable('removeAll'); //獲取數(shù)據(jù) $.ajax({
            data: { //向服務(wù)器發(fā)送的一些參數(shù),像日期,游戲ID什么的 .
                        .
                        .
                        .
                        .
                },
                    type: "post", //url不用說(shuō)了吧,否則不知道向服務(wù)器哪個(gè)接口發(fā)送并請(qǐng)求 url: *******,
                    async: true, //超時(shí)時(shí)間 timeout:30000,
                    success: function(msg) { if(msg.code == '1') { //定義的函數(shù)實(shí)現(xiàn)對(duì)表格賦值,自定義想傳的參數(shù),但別忘了msg,不然搞個(gè)屁 showTableData(msg,……);
                        }

                    }
                });
            }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 方法showTableData
function showTableData(msg,……) { tableData = []; for(var i = 0; i < json.length; i++) {
                tableData.push({ //這里也就是data-field的名稱,getDate是服務(wù)器返回的字段名 date: json[i].getDate,
                       .
                       .
                       .
                       .
                }) //數(shù)組反向排列,看情況使用 tableData.reverse(); //向tbody里面添加數(shù)據(jù) $("#realTimeTable").bootstrapTable('append', tableData);
            }
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

2、使用updateRow方法

  • 首先,得存在表格,里面有數(shù)據(jù),才能更新行,否則沒(méi)作用。此方法不會(huì)像上面的方法表格消失再增加,這個(gè)是整體不變,里面的數(shù)據(jù)會(huì)自動(dòng)更新

  • 定時(shí)器,和上面一樣,多長(zhǎng)時(shí)間執(zhí)行一次,自己定義,此處是30S
setInterval(function() { queryAll(); for (var j = 0; j < 請(qǐng)求的數(shù)據(jù)的總條數(shù)(也就等于表格的行數(shù)); j++) {
                changeAllChannelRealTime(j, .....);
            } }, 30000);
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
function changeAllChannelRealTime(j, .....) {
        $.ajax({
            data: { //向服務(wù)器發(fā)送的一些參數(shù),像日期,游戲ID什么的 .
                        .
                        .
                        .
                        .
                },
                    type: "post", //url不用說(shuō)了吧,否則不知道向服務(wù)器哪個(gè)接口發(fā)送并請(qǐng)求 url: *******,
                    async: true, //超時(shí)時(shí)間 timeout:30000,
                    success: function(msg) { if (msg.code == '1') {
                            changeData(j, msg, .....);
                    }
                },
                error: function () { msgToast.error("查詢數(shù)據(jù)出錯(cuò)");
                }
            });
        }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
function changeData(i,msg,......){ $('#realTime_Table').bootstrapTable('updateRow', { //i表示第幾行,從0開(kāi)始 index: i,
                row: { //這里也就是data-field的名稱,*表示字段名 date: msg.*
                        .
                        .
                        .
                        .
                }
            });         
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

大象~ 大象~ 你的鼻子怎么那么長(zhǎng)~~ 



其他相關(guān):

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

你真的夠了解“空狀態(tài)”嗎?

ui設(shè)計(jì)分享達(dá)人

空狀態(tài)作為APP中不可或缺的一部分,有著舉足輕重的作用。當(dāng)新用戶第一次使用產(chǎn)品的時(shí)候空狀態(tài)的設(shè)計(jì)就顯得尤為重要,據(jù)相關(guān)調(diào)查顯示“平均下來(lái),app在被下載之后的頭3天時(shí)間里,日活躍用戶(DAU)數(shù)量下降了77個(gè)百分點(diǎn)。30天內(nèi),下降比例達(dá)到80%”。

nodejs 升級(jí)后, vue+webpack 項(xiàng)目 node-sass 報(bào)錯(cuò)的解決方法

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

關(guān)于 node 環(huán)境升級(jí)到 v8^ 以上,node-sass 報(bào)錯(cuò)的解決方法

今天給同事電腦升級(jí)了一下系統(tǒng),順便升級(jí)了所有的軟件,發(fā)現(xiàn)原來(lái)好好的項(xiàng)目報(bào)錯(cuò)了。報(bào)錯(cuò)大致信息如下:

 ERROR Failed to compile with 1 errors                                                                      下午1:56:26 error in ./src/components/Hello.vue Module build failed: Error: Missing binding /Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/vendor/darwin-x64-57/binding.node Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 8.x Found bindings for the following environments: - OS X 64-bit with Node.js 6.x This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass --force` to build the binding for your current environment.
    at module.exports (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/lib/binding.js:15:13) at Object.<anonymous> (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/lib/index.js:14:35)
    at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Module.load (module.js:554:32) at tryModuleLoad (module.js:497:12) at Function.Module._load (module.js:489:3) at Module.require (module.js:579:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/fungleo/Sites/MyWork/vuedemo2/node_modules/sass-loader/lib/loader.js:3:14)
    at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Module.load (module.js:554:32) at tryModuleLoad (module.js:497:12) at Function.Module._load (module.js:489:3) at Module.require (module.js:579:17) @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-2d1bdf0c","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Hello.vue 4:14-394 13:3-17:5 14:22-402 @ ./src/components/Hello.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

> Listening at http://localhost:8080
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

這段代碼是我升級(jí)node之后,在我的電腦上復(fù)制出來(lái)的。但大概就是這么個(gè)意思,里面根據(jù)不同的項(xiàng)目位置什么的,會(huì)有所不同。

簡(jiǎn)單的說(shuō),這段代碼就是告訴你,node-sass 不兼容 node v8 的版本。那就很好解決了。在當(dāng)前項(xiàng)目下面執(zhí)行

npm i node-sass -D
    
  • 1

然后項(xiàng)目就恢復(fù)正常了。

當(dāng)項(xiàng)目出錯(cuò)之后,不要著急,仔細(xì)看下報(bào)錯(cuò)代碼,實(shí)在不行用翻譯工具翻譯一下。一般來(lái)說(shuō),是很快能夠找到解決方法的。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

搞定頁(yè)面視覺(jué)風(fēng)格統(tǒng)一性,看這篇文章就夠了!

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

7月份的時(shí)候,有一位面粉問(wèn)到了我關(guān)于統(tǒng)一店鋪視覺(jué)風(fēng)格的問(wèn)題,我說(shuō)等有機(jī)會(huì)了專門寫篇文章做分享,因?yàn)橐粌删湓捀揪驼f(shuō)不清。

但是,今天我并不是專門只針對(duì)某個(gè)店鋪?zhàn)鲆曈X(jué)統(tǒng)一的設(shè)計(jì)分享,而是想從全局的角度去給大家闡述這個(gè)問(wèn)題,畢竟,你得知道自己為什么需要做視覺(jué)統(tǒng)一,你才可能做好視覺(jué)統(tǒng)一,所以這個(gè)問(wèn)題就不單單只是指店鋪了,而是關(guān)于品牌與用戶之間的問(wèn)題。

因?yàn)椴还苁堑赇佉埠茫脚_(tái)也好,他們其實(shí)都是為賣貨服務(wù)的,它們與品牌產(chǎn)品之間其實(shí)都是合作關(guān)系,最終其實(shí)都是要鏈接到用戶身上的,而設(shè)計(jì)師要做的,歸根結(jié)底都是處理好它們與用戶之間的關(guān)系,幫助達(dá)成交易。

所以我將要分享的關(guān)于視覺(jué)統(tǒng)一的方法,就不單止是適用于店鋪了,而是品牌、平臺(tái)、店鋪都適合的。

按照慣例,我還是先給大家列出一個(gè)提綱,方便大家理解:

  • 為什么需要統(tǒng)一視覺(jué)風(fēng)格?
  • 統(tǒng)一視覺(jué)風(fēng)格的方法有哪些?
  • 統(tǒng)一視覺(jué)風(fēng)格的注意事項(xiàng)及總結(jié)

接下來(lái)我就逐條展開(kāi)給大家說(shuō)一下這其中的奧秘吧!

一、為什么需要統(tǒng)一視覺(jué)風(fēng)格?

當(dāng)我們提到統(tǒng)一視覺(jué)風(fēng)格這幾個(gè)字,不知道大家能聯(lián)想到什么?或者能聯(lián)想到什么畫面什么公司什么產(chǎn)品呢?在回答這些問(wèn)題之前,我還是先給大家舉一些例子也許你就明白了。

比如前幾天我無(wú)意中打開(kāi)了淘寶app,然后剛好看到了2018年淘寶新勢(shì)力周的一系列賣場(chǎng)頁(yè)面:

大家知道像淘寶天貓京東這樣的平臺(tái),每年各種賣場(chǎng)促銷活動(dòng)是很多的,而且每一場(chǎng)活動(dòng)都需要容納成千上萬(wàn)的商家和數(shù)以萬(wàn)計(jì)的商品,但是,所有這些東西都卻只是通過(guò)一塊液晶顯示屏展現(xiàn)在消費(fèi)者面前,那么這時(shí)候就是我們?cè)O(shè)計(jì)師發(fā)揮作用的時(shí)候啦。

這時(shí)候設(shè)計(jì)師需要做的事情就包括以下幾個(gè)方面:

  • 要保證活動(dòng)頁(yè)面里能把所有東西都容納進(jìn)去;
  • 要保證頁(yè)面是方便顧客瀏覽的,所以要有規(guī)律可循;
  • 要保證頁(yè)面是可以吸引顧客一直逛下去的,所以頁(yè)面有規(guī)律的同時(shí)又要有所差異,視覺(jué)上不枯燥,不然會(huì)視覺(jué)疲勞;
  • 要在顧客心里和腦袋里建立某種印象,找到存在感,以免被顧客遺忘;
  • 既要保證平臺(tái)活動(dòng)整體的調(diào)性和諧性,又要為不同的商家提供最恰當(dāng)?shù)恼故緳C(jī)會(huì),所以視覺(jué)表現(xiàn)形式要合理;
  • ……

總而言之就是要權(quán)衡平臺(tái)、商家、顧客三者之間的關(guān)系和利益:顧客買的爽,商家賣的爽,平臺(tái)名利雙收。

那么這時(shí)候保持頁(yè)面視覺(jué)統(tǒng)一就很有必要了,因?yàn)橐曈X(jué)統(tǒng)一就有以下非常重要的幾點(diǎn)作用:

1. 強(qiáng)化品牌或事件在用戶心中的印象

因?yàn)閹缀跛械钠放贫夹枰龅囊患虑榫褪钦碱I(lǐng)用戶心智,就是要讓用戶在眾多的品牌選擇里有自己的一席之地,不要把自己遺忘了,所以它需要不斷的出現(xiàn),保持存在感。

一個(gè)活動(dòng)每年去做,一個(gè)電影每年都出續(xù)集,一個(gè)產(chǎn)品每年都會(huì)出不同的系列等等,都是同一個(gè)道理,都是在強(qiáng)化自己在用戶心目中的印象,保持存在感。

提到這個(gè),我平時(shí)每次搞活動(dòng)都會(huì)提醒大家不要經(jīng)常換頭像或微信昵稱,我讓大家多來(lái)留言其實(shí)就是這個(gè)道理,因?yàn)槲颐刻煲鎸?duì)的那么多人的頭像和名字,如果你長(zhǎng)期不換頭像并且經(jīng)常來(lái)留言,那我肯定會(huì)記得你;但如果你經(jīng)常換頭像,并且留言次數(shù)還少,那我鐵定就不記得你了,因?yàn)槟銢](méi)有強(qiáng)化一個(gè)符號(hào)在我的腦海里啊,明白了吧。

2. 讓事件變得有序有規(guī)律可循

就像我們辦運(yùn)動(dòng)會(huì),不同的隊(duì)穿不同的衣服、喊不同的口號(hào)等等,即便是隊(duì)里的人走散了,你看一下隊(duì)服或?qū)Ψ胶暗目谔?hào)你就能辨別出是自己人還是別人了是吧。

再比如你去超市貨架上拿飲料,正是因?yàn)檫@種視覺(jué)統(tǒng)一的作用,所以你才能很好的辨認(rèn)出自己要買的品牌產(chǎn)品,而不至于拿錯(cuò)了,反過(guò)來(lái)對(duì)于品牌也一樣,自己內(nèi)部的產(chǎn)品之間是有統(tǒng)一的視覺(jué)形象的,同時(shí)又是跟其他品牌相區(qū)分開(kāi)來(lái)的,所以才可以保證顧客不買錯(cuò)。

這些道理運(yùn)用到頁(yè)面設(shè)計(jì)上也是一樣的,讓顧客方便逛,同時(shí)別逛錯(cuò)了地方。

3. 提高相關(guān)人員的可執(zhí)行性

因?yàn)橄襁@種大型的活動(dòng),需要大量的人力投入,就拿設(shè)計(jì)師來(lái)說(shuō),一般都是某個(gè)主設(shè)計(jì)師出來(lái)一個(gè)設(shè)計(jì)方案,然后這個(gè)方案不僅要能達(dá)到以上提到的要求,還必須要是能保證其他設(shè)計(jì)師能夠以這個(gè)設(shè)計(jì)方案的模版,去執(zhí)行剩余的幾十上百個(gè)頁(yè)面,工作量非常之大。

二、統(tǒng)一視覺(jué)風(fēng)格的方法有哪些?

前面我們講到了統(tǒng)一視覺(jué)風(fēng)格和形象的必要性和重要性,那么接下來(lái)就是大家最關(guān)心的如何統(tǒng)一視覺(jué)形象的問(wèn)題了,所以我依舊會(huì)從好幾個(gè)方面以舉例的方式給大家做講解,你就明白了。

不過(guò)在這之前,我還是拿一張圖給大家看,還是淘寶新勢(shì)力的這張圖:

你在這個(gè)畫面里看到了什么?這個(gè)視覺(jué)畫面里都包含了哪些東西?

嗯,我看到了模特、文字、圖案、各種顏色,還有布局、排版、以及所有上面的內(nèi)容匯聚在一起所組成的一種風(fēng)格。

那所謂統(tǒng)一頁(yè)面的視覺(jué)風(fēng)格,也就是說(shuō)只要保證以上所有提到的這些東西,我在另外的頁(yè)面里也至少能找到一項(xiàng)是類似的,那我們就很容易將它們視為是具有共通性的頁(yè)面了,也就達(dá)到了視覺(jué)風(fēng)格統(tǒng)一的目的。

以下面這幾個(gè)淘寶新勢(shì)力分會(huì)場(chǎng)的頁(yè)面為例:

你應(yīng)該注意到了,這些頁(yè)面雖然顏色不一樣,但整體看視覺(jué)卻非常統(tǒng)一,同時(shí)細(xì)看又有些差別,其原因就在于以下幾個(gè)方面:

  • 不同的頁(yè)面對(duì)應(yīng)的色相不同,但是明度和飽和度是近似的;
  • 不同的頁(yè)面對(duì)應(yīng)的文案不同,但是文案的字體樣式、布局排版是一樣的;
  • 不同的頁(yè)面對(duì)應(yīng)的氛圍點(diǎn)綴元素不同,但是氛圍元素的風(fēng)格、質(zhì)感、手法等等是類似的;
  • 不同的頁(yè)面對(duì)應(yīng)的點(diǎn)綴元素不同,但是每一個(gè)頁(yè)面里的點(diǎn)綴元素都是跟相應(yīng)的主題、模特、文案等等相呼應(yīng)的。

所以你才會(huì)有這些頁(yè)面具有統(tǒng)一的視覺(jué)風(fēng)格的印象,包括其他會(huì)場(chǎng)的頁(yè)面,雖然做了一些小調(diào)整,但是依然可以看得出來(lái)是統(tǒng)一的視覺(jué)風(fēng)格:

因?yàn)檫@里運(yùn)用到了跟上面同樣的原理。

不過(guò)這種手繪風(fēng)格與模特相結(jié)合的設(shè)計(jì)形式我以前也給大家分析過(guò),我這里就不深入舉例了,大家可以看看圣保羅藝術(shù)家 Ana Strumpf 為很多時(shí)尚雜志所做的插畫封面就能有所體會(huì):

這種手法給人俏皮、時(shí)尚、新潮的感覺(jué),非常適合追求趣味個(gè)性而又不失品味的心態(tài)年輕的群體,所以這一次的淘寶新勢(shì)力周大概也是出于這種新潮人群定位考量,才會(huì)做這種形式的設(shè)計(jì)吧。

而且這種扁平質(zhì)感半插畫性質(zhì)的設(shè)計(jì)形式幾乎是很難過(guò)時(shí)的,非常前衛(wèi)和耐看。

所以到這里你應(yīng)該就好理解了,一般來(lái)說(shuō),我們有以下5個(gè)途徑可以達(dá)到統(tǒng)一視覺(jué)風(fēng)格的途徑。

1. 提煉某種風(fēng)格,重復(fù)使用

比如你看今天淘寶新勢(shì)力的一些會(huì)場(chǎng)頁(yè)面,視覺(jué)風(fēng)格就非常統(tǒng)一,一眼就看出是實(shí)體模特+手繪圖形相結(jié)合的風(fēng)格形式,在模特臉部做一些圖案輪廓線,然后模特周圍點(diǎn)綴一些手繪圖案做氛圍,有點(diǎn)達(dá)達(dá)主義的感覺(jué)。

2. 建立某種品牌色,重復(fù)使用

當(dāng)我們重復(fù)看到某種顏色跟某個(gè)品牌或產(chǎn)品同時(shí)出現(xiàn),時(shí)間久了就會(huì)自然而然的把這個(gè)顏色和品牌聯(lián)系在一起,從而產(chǎn)生條件反射,只要看到某個(gè)顏色立馬就會(huì)想到這個(gè)品牌,只要聽(tīng)到這個(gè)品牌的名字腦海里就會(huì)出現(xiàn)某種顏色。

這其實(shí)就是通過(guò)建立某種品牌色達(dá)到視覺(jué)風(fēng)格統(tǒng)一的目的從而讓品牌在用戶心里建立起了這種色彩印象。

比如蒂芙尼藍(lán):

所以,任何頁(yè)面,任何場(chǎng)所,任何產(chǎn)品上只要出現(xiàn)了這個(gè)蒂芙尼藍(lán)色,用戶都會(huì)默認(rèn)他們是相關(guān)聯(lián)的:

再比如,可口可樂(lè)紅:

當(dāng)然了,色彩種類那么多,有的品牌或店鋪的品牌色并不是單一的,而是多彩的,這都沒(méi)有什么限定。

那這個(gè)如果是運(yùn)用到頁(yè)面設(shè)計(jì)或 Banner 設(shè)計(jì)里的話,這種品牌色是一定都需要出現(xiàn)在畫面里的,至于色彩比例就因需要而定了,而且今后只需要出現(xiàn)這種顏色,就能反過(guò)來(lái)達(dá)到視覺(jué)統(tǒng)一的目的。

3. 提煉某種視覺(jué)元素,重復(fù)使用

所謂視覺(jué)元素,其實(shí)就是指一切你能看到的想到的元素,所以這里的視覺(jué)元素也是指多個(gè)方面的,比如某種圖案圖形、某個(gè)物件、某個(gè)文字、產(chǎn)品、模特、logo 等等其實(shí)都算是視覺(jué)元素。

那說(shuō)到視覺(jué)元素的運(yùn)用,我腦海里印象比較深刻的2個(gè)品牌就是初語(yǔ)和天貓,前者是店鋪,后者是平臺(tái)。

我們可以看看品牌升級(jí)以前的初語(yǔ),它有一個(gè)讓人印象非常深刻的視覺(jué)元素,就是她的模特和眼部的妝容:

所有的模特都保持了一致的妝容特點(diǎn),氣質(zhì)也是類似的,當(dāng)然你也會(huì)看到很多他的設(shè)計(jì)都是會(huì)與藝術(shù)名畫相結(jié)合,這些都是它的特點(diǎn),并且加以充實(shí)用,就給人建立了很深刻的印象,你只要看到這種模特妝容或者畫面,你就知道:「噢沒(méi)錯(cuò)了,這是初語(yǔ)」。

那天貓也是一樣的,每年雙十一這個(gè)天貓頭的元素就會(huì)以各種形式露面,而且不止是在雙十一,可以說(shuō)是相當(dāng)強(qiáng)大的視覺(jué)符號(hào)了,你想忘都忘不掉它:

2017年天貓雙十一宣傳海報(bào)

△ Budweiser 百威

△ GUERLAIN 嬌蘭

△ Beats

這種通過(guò)某種視覺(jué)符號(hào)來(lái)統(tǒng)一視覺(jué)形象,重復(fù)使用從而加深用戶印象的方式在很多其他地方都有用到,比如每一個(gè)蘋果手機(jī),每一次開(kāi)機(jī),都會(huì)出現(xiàn)同樣的開(kāi)機(jī)畫面:白底+黑色的蘋果 logo。

4. 打造品牌專屬的IP或?qū)櫸镄蜗螅⒅貜?fù)使用

這就跟品牌給自己找了個(gè)的代言人一樣的效果,只要這個(gè)形象出現(xiàn)了,你就知道這個(gè)是xxx品牌。

比如店鋪,三只松鼠就是這么干的:幾乎所有的頁(yè)面里都會(huì)出現(xiàn)三只松鼠。

比如平臺(tái),京東有狗,天貓有貓,蘇寧也有獅子等等,電商界儼然是一個(gè)動(dòng)物世界。

再比如珠寶品牌,卡地亞Cartier 有獵豹:

這只獵豹經(jīng)常出現(xiàn)在各種品牌宣傳廣告里,或者制作成各種首飾,用戶看到獵豹就會(huì)想到卡地亞。

5. 提煉某一句口號(hào),重復(fù)使用

既然我們前面提到了視覺(jué)元素,那么文案或口號(hào)其實(shí)也是畫面里的其中一種視覺(jué)元素,所以我們?cè)僖?017年天貓雙十一宣傳海報(bào)舉例:

△ Budweiser 百威

△ GUERLAIN 嬌蘭

△ Beats

這里面的「xxx祝你雙11快樂(lè)」 「天貓雙11全球購(gòu)狂歡節(jié)」等等口號(hào)文案,重復(fù)使用,其實(shí)就起到了這種畫面視覺(jué)統(tǒng)一的作用。

而且這種方式也在很多地方有運(yùn)用到啦,比如你看的很多動(dòng)漫、電視劇,總會(huì)重復(fù)出現(xiàn)一些臺(tái)詞,嗯,說(shuō)到這里,我想到了小時(shí)候看的一個(gè)動(dòng)畫片《寵物小精靈》,每集火箭隊(duì)出場(chǎng)臺(tái)詞都是這幾句:

然后每集結(jié)束的時(shí)候總會(huì)有那么一幕,喵喵被拋到空中然后喊出一句臺(tái)詞:「我們還會(huì)回來(lái)噠~」。

你看這種重復(fù)口號(hào)的威力多么可怕啊,一二十年了還讓用戶印象深刻呢。

不過(guò),其實(shí)最后列舉的這三點(diǎn)其實(shí)都可以稱作是視覺(jué)元素的重復(fù)使用啦,至于原因我也在前面作了解釋,而且以上所有的方式其實(shí)都是可以結(jié)合運(yùn)用的,并不是孤立存在的。

還有,大家注意到了嗎?我在每一條后面都加了4個(gè)字「重復(fù)使用」,因?yàn)榫退隳阌辛俗约禾囟ǖ囊曈X(jué)元素、有屬于自己的寵物形象、有自己的品牌色、有自己的風(fēng)格等等,但是你壓根就不露面,你還特別低調(diào)藏著掖著不展示自己,那誰(shuí)還記得你啊。

說(shuō)到這個(gè),我想到了異地戀之所以容易失敗,不也是差不多道理嗎?你和男/女朋友三五年不見(jiàn)面沒(méi)有關(guān)系,沒(méi)法手拉手親親嘴也沒(méi)有關(guān)系,但是如果你們壓根就不聯(lián)系,不出現(xiàn)在彼此的視線里,那感情自然會(huì)淡的呀,等于是白白給了別人可乘之機(jī)。

所以我一直都覺(jué)得品牌和用戶之間其實(shí)也是一樣的道理,就是在「談戀愛(ài)」,而不是做生意,至于你們之間是談的什么類型的戀愛(ài),那就看自己本事了。

總結(jié)

之所以我們需要做視覺(jué)統(tǒng)一,其實(shí)就是為了強(qiáng)化我們?cè)谟脩粜睦淼挠∠?,讓他們記住我們,記住我們是很有?guī)范的,靠譜的,可信賴的品牌印象等等,并且還要重復(fù)的出現(xiàn)在用戶的視野里,那怎么出現(xiàn)呢?方法就在我上面列舉的幾條內(nèi)容里啦。

當(dāng)然,你也得控制一個(gè)度,不要過(guò)份的運(yùn)用這些方法,不然會(huì)招致用戶反感的。

想想有的男孩子可以成功討女孩子歡心,而有的卻被女孩子嫌棄的不行,知道原因了嗎?道理都是一樣的啊。

你看下面這些世界杯期間的廣告,畫面 low,口號(hào) low,重復(fù)次數(shù)又很多,用戶記住是記住你了,但真的挺煩的。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

用QQ空間的實(shí)戰(zhàn)案例,幫你學(xué)會(huì)最熱門的上癮模型

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

最近《創(chuàng)造101》讓 pick 一詞大火,大家都在討論自己 pick 了哪位小姐姐,pick 到一定地步的人被稱為鐵粉,極端失去理智的叫「腦殘粉」,pick 讓我想到了上癮這個(gè)詞。上癮一詞在我們生活中一直屬于一個(gè)稍帶貶義且指責(zé)的詞,兒時(shí)媽媽會(huì)指責(zé)你吃糖上癮,玩游戲上癮,長(zhǎng)大后小姐姐們會(huì)被說(shuō)購(gòu)物上癮,甚至研究表明整容也會(huì)上癮。最近拜讀了美國(guó)斯坦福大學(xué)任教的尼爾·埃亞爾寫的《上癮》一書,感觸非常深。如果從服務(wù)提供者角度看,上癮的指責(zé)是不是也說(shuō)明你的產(chǎn)品解決了用戶的痛點(diǎn),你為用戶帶來(lái)了情感滿足呢?

目錄:

  • 前言(上癮模型-pick模型)
  • QQ空間小游戲?yàn)榘咐?xiàng)目介紹&目標(biāo)人群)
  • 觸發(fā)用戶&抓住動(dòng)機(jī)
  • 付出行動(dòng)
  • 情感撩動(dòng)&情感滿足
  • 持續(xù)投入
  • Pick me

一、前言

尼爾·埃亞爾寫的《上癮》中提出「上癮模型」的概念,其中分為四大步驟:觸發(fā)-行動(dòng)-多變的犒賞-投入。

這四個(gè)步驟是一個(gè)循環(huán)的過(guò)程,當(dāng)用戶越沉迷于這個(gè)循環(huán),那說(shuō)明你的產(chǎn)品對(duì)用戶的吸引力越強(qiáng),反之當(dāng)用戶中斷了這個(gè)循環(huán),作為產(chǎn)品設(shè)計(jì)師就需要考慮我們?cè)谀囊徊匠霈F(xiàn)了問(wèn)題,用戶為何拋棄了你的產(chǎn)品,或者說(shuō)用戶是怎么「戒掉」你的產(chǎn)品。這其中的原因可能會(huì)很多樣,比如用戶找到了更好的撩動(dòng)自己情感的產(chǎn)品,又或者你沒(méi)有達(dá)到用戶的預(yù)期。

那么怎么樣才能讓用戶在有多個(gè)選擇時(shí),選擇 pick 你呢?我試著把「上癮模型」結(jié)合認(rèn)知心理學(xué)中的「心智模型」,系統(tǒng)性的提出<鎖定目標(biāo)用戶-觸發(fā)用戶-抓住動(dòng)機(jī)-付出行動(dòng)-情感撩動(dòng)-情感滿足-持續(xù)投入-pick> pick模型。

二、QQ空間小游戲?yàn)榘咐?xiàng)目介紹&目標(biāo)人群)

空間小游戲平臺(tái)是國(guó)內(nèi)領(lǐng)先的 H5 游戲平臺(tái),通過(guò)接入外部?jī)?yōu)質(zhì) H5 游戲開(kāi)發(fā)商來(lái)提供角色扮演、休閑、策略、劇情、棋牌、雙人pk 等六大類別的輕量小游戲來(lái)滿足用戶碎片化時(shí)間娛樂(lè)的需求。

  • 目標(biāo)人群:手Q所有用戶都是我們既定的目標(biāo)人群,平臺(tái)游戲類型能滿足不同年齡階層的用戶需求。
  • 用戶場(chǎng)景:個(gè)人碎片化時(shí)間, 好友之間有互動(dòng)娛樂(lè)需求時(shí)。

平臺(tái)分為4個(gè) Tab,每個(gè) Tab 都滿足了用戶相應(yīng)的需求。

  • 首頁(yè):承載所有平臺(tái)游戲,有分類讓用戶去找喜歡類型的游戲,也根據(jù)智能算法進(jìn)行游戲推薦。
  • 社區(qū):提供一個(gè)讓玩家能互相交流的平臺(tái)。
  • 禮包:給用戶提供游戲福利,加強(qiáng)對(duì)平臺(tái)依賴性。
  • 我的:承載 VIP 體系和積分任務(wù)體系。

以下我想通過(guò)空間小游戲?yàn)榘噶校v解 pick模型在實(shí)際運(yùn)用中的指導(dǎo)意義。

三、觸發(fā)用戶&抓住動(dòng)機(jī)

觸發(fā)分為內(nèi)部觸發(fā)和外部觸發(fā),觸發(fā)要顯而易見(jiàn),行為要易于實(shí)施。

1. 外部觸發(fā)

空間小游戲作為依附于手Q空間的一個(gè)入口級(jí)平臺(tái),我們可以很好的利用好友關(guān)系鏈的傳播性,這也就是觸發(fā)模型中的外部觸發(fā)——人際型觸發(fā)。由于平臺(tái)的關(guān)系鏈屬性,所以我們會(huì)把人際型觸發(fā)當(dāng)做外部觸發(fā)的核心觸發(fā)方式,因?yàn)楹糜阎g的觸發(fā)是相對(duì)其他觸發(fā)方式更加穩(wěn)固值得信賴的,當(dāng)然付費(fèi)推廣型觸發(fā)也是在產(chǎn)品冷啟動(dòng)時(shí)期常用的方式。人際型觸發(fā)我們細(xì)分為自主型和被動(dòng)型,自主的主要是用戶通過(guò)分享游戲或者邀請(qǐng)好友的方式,被動(dòng)的就是平臺(tái)通過(guò)用戶在游戲內(nèi)的信息觸發(fā)給他的好友。

人際型觸發(fā)(主動(dòng)型&被動(dòng)型)是外部觸發(fā)的核心觸發(fā)方式。

自主型人際觸發(fā)-邀請(qǐng)好友來(lái)平臺(tái)玩游戲,通過(guò)展示游戲特點(diǎn)吸引用戶點(diǎn)擊進(jìn)入,這就是典型的自主型人際觸發(fā)方式,也是最容易形成病毒傳播的方式。

被動(dòng)型人際觸發(fā)-在不透露隱私的前提下,通過(guò)好友在游戲內(nèi)的信息吸引用戶的關(guān)注進(jìn)行觸發(fā),這種觸發(fā)一般會(huì)使用在廣告位和推薦位模塊上,這樣能盡可能的提高用戶的安全感和認(rèn)可度。

2. 內(nèi)部觸發(fā)

也就是用戶自主的觸發(fā),情緒觸發(fā)是主要的內(nèi)部觸發(fā)方式,尤其是負(fù)面情緒,當(dāng)人厭倦,孤獨(dú),沮喪或者游離不定的時(shí)候會(huì)讓我們體會(huì)到輕微的痛楚和憤怒,我們?cè)趦?nèi)部觸發(fā)這里需要抓住用戶孤獨(dú),無(wú)聊的情緒波動(dòng)。當(dāng)用戶無(wú)聊的時(shí)候,如果產(chǎn)品能快速的出現(xiàn)到用戶眼前,并能消除用戶的負(fù)面情緒,那么這就能讓用戶產(chǎn)生記憶點(diǎn),每當(dāng)這種情緒襲來(lái)的時(shí)候,用戶總能想到你。

通過(guò)展示游戲的熱度信息來(lái)吸引用戶關(guān)注,在用戶無(wú)目的性刷空間的時(shí)候,通過(guò)推薦熱門游戲相關(guān)數(shù)據(jù),然后與用戶的孤獨(dú)情緒產(chǎn)生碰撞。

總結(jié):觸發(fā)是讓產(chǎn)品賣出去的第一步,而有效的觸發(fā)才是成敗的關(guān)鍵點(diǎn)。有時(shí)候內(nèi)部觸發(fā)和外部觸發(fā)并不是獨(dú)立存在的,在不同的場(chǎng)景下兩種方式是可以做到相互結(jié)合的。觸發(fā)方式千萬(wàn)種,最適合自己產(chǎn)品的觸發(fā)方式才是最好的。

四、付出行動(dòng)

人在做出行為時(shí)有兩個(gè)基本動(dòng)因,一個(gè)是該行為簡(jiǎn)單易行,二是行為主體有這個(gè)主觀意愿。

上一步我們已經(jīng)通過(guò)各種方式觸發(fā)了用戶,這個(gè)時(shí)候就需要用戶能做出行動(dòng)。在我們空間小游戲這個(gè)案例里,用戶點(diǎn)擊游戲 logo 時(shí),我們有過(guò)一個(gè)很大分歧,那就是用戶在平臺(tái)或者廣告位上看到游戲 logo 點(diǎn)擊后,是直接進(jìn)入游戲還是需要一個(gè)游戲詳情頁(yè)去介紹游戲。

兩種方式都有各自的優(yōu)勢(shì),即點(diǎn)即玩能快速的讓用戶進(jìn)入游戲,能提高轉(zhuǎn)化率,游戲詳情頁(yè)能讓用戶更好的了解游戲內(nèi)容,再進(jìn)一步確認(rèn)是否去玩這個(gè)游戲。

針對(duì)這兩個(gè)方案,我們最終選擇前者-即點(diǎn)即玩,因?yàn)槲覀兛紤]到 H5 游戲都是屬于比較輕量的游戲,所以我們希望用戶能形成一種認(rèn)知,平臺(tái)內(nèi)所有游戲是輕量的,便捷的。所以在面臨方案選擇時(shí),回頭看看產(chǎn)品的調(diào)性與特點(diǎn),可能能幫助我們做抉擇。

而針對(duì)已經(jīng)玩過(guò)平臺(tái)內(nèi)游戲的老用戶,我們必須能讓用戶在下次想開(kāi)啟游戲時(shí)快速的找到玩過(guò)的游戲。根據(jù)后臺(tái)數(shù)據(jù)我們的用戶平均在玩的游戲數(shù)量是2.9個(gè)左右。最后我們選擇在小游戲首頁(yè)頂部位置設(shè)立一個(gè)最近在玩模塊,首屏展示三個(gè),可滑動(dòng)和查看更多,希望能讓用戶快速的找到玩過(guò)的游戲。

所以觸發(fā)是有分新用戶和老用戶的區(qū)別的,針對(duì)新用戶我們更多的是需要拿內(nèi)容去吸引他們,而老用戶則需要能讓他們快速的找到自己已經(jīng)玩過(guò)的游戲。所以觸發(fā)要簡(jiǎn)單易行,主觀意愿是需要我們?nèi)ヒ龑?dǎo)和吸引的。

五、情感撩動(dòng)&情感滿足

優(yōu)秀的游戲總是能持續(xù)的撩動(dòng)用戶的情感,讓人在游戲中得到滿足感,成就感。我們平臺(tái)所有游戲都是第三方公司提供,我們沒(méi)有權(quán)限對(duì)游戲內(nèi)容進(jìn)行過(guò)度的參與,我們只能盡可能的把最優(yōu)質(zhì)的游戲篩選進(jìn)來(lái),所以在情感撩動(dòng)和滿足上我們不能完全依賴開(kāi)發(fā)商的游戲質(zhì)量和設(shè)定。所以必須在我們平臺(tái)的體驗(yàn)上給用戶一些噱頭,一些小目標(biāo),讓用戶在平臺(tái)上也能得到情感滿足。只有這樣,用戶才能對(duì)平臺(tái)產(chǎn)生記憶點(diǎn)和依賴,這才是我們想要達(dá)到的目標(biāo)。

從平臺(tái)的角度我們希望通過(guò)<社交屬性,獎(jiǎng)勵(lì)機(jī)制>兩個(gè)方向去撩動(dòng)用戶的情感,用戶可以在社交里面找到榮譽(yù)感(曬自己的游戲等級(jí)和戰(zhàn)績(jī)),也可以在多變的獎(jiǎng)勵(lì)機(jī)制里面不停的完成一個(gè)又一個(gè)的任務(wù)而獲取相應(yīng)的獎(jiǎng)勵(lì)。

1. 社交屬性

游戲社區(qū),讓充值玩家可以有地方炫耀自己獲得成就感(名稱附帶游戲等級(jí)和榮譽(yù)),讓普通玩家也能通過(guò)社區(qū)了解更多游戲攻略,甚至可以在這里與陌生人交友(點(diǎn)擊頭像可跳轉(zhuǎn)手Q資料卡)。


2. 獎(jiǎng)勵(lì)機(jī)制

  • 游戲禮包 tab,通過(guò)發(fā)放平臺(tái)特殊禮包福利,讓用戶養(yǎng)成習(xí)慣,每日來(lái)平臺(tái)領(lǐng)取禮包再去玩游戲。
  • 平臺(tái)任務(wù)(簽到,轉(zhuǎn)發(fā),進(jìn)入游戲等)可獲取積分,積分可以到兌換商城換取游戲金幣和抽獎(jiǎng),通過(guò)積分抽獎(jiǎng)能調(diào)起用戶的心理起伏,讓用戶樂(lè)此不彼的投入到獲取積分當(dāng)中。
  • 首沖優(yōu)惠,充值抵扣券,通過(guò)優(yōu)惠的方式引導(dǎo)用戶充值,研究表明當(dāng)用戶首沖后,之后充值的概率會(huì)提高很多。

總結(jié):多變的福利獎(jiǎng)賞會(huì)使大腦中的伏隔核更加活躍,并且會(huì)提升神經(jīng)傳遞多巴胺的含量,促使我們情感產(chǎn)生起伏,然后一旦情感被滿足,我們將會(huì)持續(xù)的投入下去,比如更多的時(shí)間,更多的金錢。

六、持續(xù)投入

人為什么會(huì)進(jìn)行投入,投入行為背后的大思路是利用用戶的認(rèn)知,就是用戶會(huì)認(rèn)為投入越多,服務(wù)越好,得到的情感滿足越豐富。當(dāng)然事實(shí)也的確是這樣的,投入的階段我們需要讓用戶對(duì)未來(lái)的獎(jiǎng)賞(心理,福利)抱有強(qiáng)烈的期待,這樣才能讓用戶持續(xù)的投入。

比如我們?cè)谠O(shè)計(jì) VIP 體系時(shí),隨著 VIP 等級(jí)的提升,用戶所擁有的特權(quán)就會(huì)不斷增加,通過(guò)特權(quán)的吸引,當(dāng)用戶在游戲體驗(yàn)中發(fā)現(xiàn)了比較困難的任務(wù)時(shí),我們就會(huì)提醒用戶是否去升級(jí) VIP,讓通關(guān)更輕松,用戶將很難抵擋這種特權(quán)滿足。

又比如我們?cè)O(shè)定每周三為積分翻倍日,用戶可以得到更多的積分,我們不斷豐富積分商城的兌換物品,持續(xù)吸引用戶的注意,讓用戶不斷去期待新獎(jiǎng)勵(lì)。

七、PICK ME

我理解的 pick 是一種充滿信任感的選擇,這種選擇會(huì)讓用戶去把產(chǎn)品分享給自己的好友,會(huì)在社交平臺(tái)上討論產(chǎn)品。但是能讓用戶 pick 你,并不是一件簡(jiǎn)單的事情,就好比你 pick 創(chuàng)造101小姐姐時(shí),你可能會(huì)關(guān)注小姐姐的樣貌、才藝、背景、人設(shè),這些都是影響你產(chǎn)生認(rèn)同感重要的因素。

我們做產(chǎn)品何嘗不是這樣呢,如果你的產(chǎn)品沒(méi)有解決用戶的痛點(diǎn),沒(méi)有讓他產(chǎn)生愉悅的情緒,你就會(huì)被「淘汰」。用戶的投票都是在符合自己心智模型的基礎(chǔ)上做出的選擇,pick 模型的設(shè)計(jì)目的就是將用戶遇到的問(wèn)題(情感需求)和我們作為設(shè)計(jì)者的解決方案頻繁的聯(lián)系到一起。

總結(jié)

讓用戶對(duì)產(chǎn)品產(chǎn)生習(xí)慣,是我們的終極目標(biāo)。而如何讓用戶產(chǎn)生使用習(xí)慣,不是一朝一夕能達(dá)成的,這需要產(chǎn)品不斷的迭代優(yōu)化,讓你的產(chǎn)品不斷的解決用戶變化多端的需求,那么忠誠(chéng)就隨之而來(lái)了。我們回顧一下 pick 理論,從更簡(jiǎn)單理解的角度來(lái)看,可以分為<觸發(fā)-持續(xù)解決問(wèn)題-養(yǎng)成習(xí)慣>,這里的難點(diǎn)屬于第二步,當(dāng)你的產(chǎn)品能不斷解決用戶的問(wèn)題,養(yǎng)成習(xí)慣只是水到渠成的結(jié)果罷了。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

CefSharp 集成谷歌瀏覽器詳解(三)--官網(wǎng)示例解析2 CefSettings 介紹

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

本章節(jié)介紹CefSetting各種設(shè)置

CefExample.Init(osr: false, multiThreadedMessageLoop: multiThreadedMessageLoop, browserProcessHandler: browserProcessHandler); 
    
  • 1
  • 2

這個(gè)方法就是Cef的初始化設(shè)置。里面有一些設(shè)置是已經(jīng)注釋的,每項(xiàng)設(shè)置我也沒(méi)有詳細(xì)研究,感興趣的朋友可以自己看看代碼和注釋。這里我只說(shuō)說(shuō)幾個(gè)比較重要的設(shè)置。

//設(shè)置語(yǔ)言環(huán)境是中文環(huán)境
settings.Locale = "zh_CN";
//遠(yuǎn)程調(diào)試端口
settings.RemoteDebuggingPort = 8088;
//瀏覽器緩存的路徑,可以設(shè)置到某個(gè)磁盤,默認(rèn)設(shè)置是在軟件運(yùn)行目錄下面。
settings.CachePath = "cache";
//讓瀏覽器的消息循環(huán)在一個(gè)單獨(dú)的線程中執(zhí)行,建議設(shè)置成true,具體含義看看瀏覽器消息處理。
settings.MultiThreadedMessageLoop = true;
//這個(gè)我理解不到,只有看源碼的注釋;
settings.ExternalMessagePump = false;
 //獲取本機(jī)internet代理設(shè)置。
        var proxy = ProxyConfig.GetProxyInformation();
        switch (proxy.AccessType)
        {
            case InternetOpenType.Direct:
            {
                //Don't use a proxy server, always make direct connections.
                settings.CefCommandLineArgs.Add("no-proxy-server", "1");
                break;
            }
            case InternetOpenType.Proxy:
            {
                settings.CefCommandLineArgs.Add("proxy-server", proxy.ProxyAddress);
                break;
            }
            case InternetOpenType.PreConfig:
            {
                settings.CefCommandLineArgs.Add("proxy-auto-detect", "1");
                break;
            }
        }
        //直接注釋掉,因?yàn)檫@個(gè)應(yīng)用程序已經(jīng)包含在工程目錄下面
        //settings.BrowserSubprocessPath = "..\\..\\..\\..\\CefSharp.BrowserSubprocess\\bin\\" + architecture + "\\Debug\\CefSharp.BrowserSubprocess.exe";
        //注冊(cè)custom的域名,程序內(nèi)部資源訪問(wèn)域名。
        //custom://cefsharp/zpy.html這種域名注冊(cè),后續(xù)注冊(cè)https和test都是使用這種方式,zpy.html就是我自己加載在項(xiàng)目?jī)?nèi)的html文件??梢允褂眠@種方式用本地html開(kāi)發(fā)圖形界面。模糊B/S程序和C/S程序。
                    settings.RegisterScheme(new CefCustomScheme
        {
            SchemeName = CefSharpSchemeHandlerFactory.SchemeName,
            SchemeHandlerFactory = new CefSharpSchemeHandlerFactory(),
            IsSecure = true //treated with the same security rules as those applied to "https" URLs
            //SchemeHandlerFactory = new InMemorySchemeAndResourceHandlerFactory()
        });
        //在設(shè)置最后使用Cef.AddCrossOriginWhitelistEntry(BaseUrl, "https", "cefsharp.com", false);這些域名添加到白名單。 
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44

做完這些以后并且設(shè)置好ChromiumWebBrowser后就可以使用Application.Run(browser);啟動(dòng)瀏覽器。


藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

從h5網(wǎng)站頁(yè)面跳轉(zhuǎn)到微信小程序——微信web-view高級(jí)用法9

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

我們把自己的html5網(wǎng)頁(yè),
通過(guò)小程序的web-view組件,
加載到小程序。

為了能夠更好的利用小程序本身的功能特性,
會(huì)希望從h5頁(yè)面跳轉(zhuǎn)到小程序頁(yè)面中去,
我們后面要分享的h5網(wǎng)頁(yè)調(diào)用小程序支付,
就需要用到這個(gè)特性。

arrow跳轉(zhuǎn)

這一節(jié)課程,
子恒老師跟你分享web-view中的h5頁(yè)面怎么跳轉(zhuǎn)到小程序里去…

猛擊這里
試看《h5頁(yè)面跳轉(zhuǎn)到小程序》視頻

https://edu.csdn.net/course/play/6970/141895

設(shè)置web-view的業(yè)務(wù)域名——小程序web-view高級(jí)用法1
小程序使用web-view打開(kāi)h5網(wǎng)頁(yè)——小程序web-view高級(jí)用法2
微信web-view高級(jí)用法介紹——小程序web-view高級(jí)用法3
小程序web-view JSSDK配置文件說(shuō)明——小程序web-view高級(jí)用法4
web-view的h5頁(yè)面設(shè)置jssdk選項(xiàng)——小程序web-view高級(jí)用法5
小程序web-view打開(kāi)網(wǎng)頁(yè)demo實(shí)例——小程序web-view高級(jí)用法6
微信web-view用wx.getNetworkType獲取網(wǎng)絡(luò)狀態(tài)——小程序web-view高級(jí)用法7
web-view調(diào)用wx.scanQRCode微信掃一掃——小程序web-view高級(jí)用法8

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

日歷

鏈接

個(gè)人資料

存檔