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

          首頁

          扁平化風格圖標精選分享

          周周


          下面來分享幾個扁平化風格圖標。

          扁平化的概念最核心的地方就是去掉冗余的裝飾效果,意思是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓“信息”本身重新作為核心被凸顯出來。并且在設計元素上強調抽象、極簡、符號化。

          例如,Windows、Mac OS、iOS、Android系統的設計已經往扁平化設計發展。其設計語言有Material Design、Metro UI等。
          扁平化尤其在手機上,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡潔??梢愿雍唵沃苯拥膶⑿畔⒑褪挛锏墓ぷ鞣绞秸故境鰜?,減少認知障礙的產生。
          扁平化不僅界面美觀、簡潔,而且達到降低功耗,延長待機時間和提高運算速度。


          屏幕快照 2021-04-02 上午10.41.38.png







          文章來源:優設網       作者:牙線y2x



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




          seo與sem的區別與聯系(大全篇)

          seo達人


           

              
           
              跟搜索引擎打交道的人,都會知道seo與sem兩個行業術語,就跟我們吃飯知道碗筷一樣。因為信息的不對稱,還是有海量人群不清楚seo與sem的區別和聯系,本文從更詳盡的角度闡述二者有哪些區別,有哪些聯系,作為搜索引擎術語科普文章,希望可以讓更多從事基于搜索引擎工作的朋友了解和熟知seo和sem。
           
          seo與sem的區別與聯系(圖文說明)
           
              一:seo與sem都是基于搜索引擎的一種營銷方式。
           
              因為用戶有搜索需求,所以搜索引擎有其天然固有的大量用戶,因為有用戶的存在,所以做基于搜索引擎的營銷從業人員非常多,人群意味著機會,機會意味著需要營銷來實現,二者都是利用搜索引擎做營銷的方式。
           
              二:seo是什么意思?
           
              從官方解釋來看,seo=Search(搜索) Engine(引擎) Optimization(優化),三個單詞的縮寫,即搜索引擎優化,其是利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名。目的在于為網站提供生態式的自我營銷解決方案,讓其在行業內占據地位,獲得品牌收益。
           
              三:sem是什么意思?
           
              SEM,是Search Engine Marketing縮寫,被稱為搜引擎營銷,通常稱為“SEM”。就是根據用戶使用搜索引擎的方式利用用戶檢索信息的機會盡可能將營銷信息傳遞給目標用戶。簡單來說,搜索引擎營銷就是基于搜索引擎平臺的網絡營銷,利用人們對搜索引擎的依賴和使用習慣,在人們檢索信息的時候將信息傳遞給目標用戶。搜索引擎營銷的基本思想是讓用戶發現信息,并通過點擊進入網頁,進一步了解所需要的信息。企業通過搜索引擎付費推廣,讓用戶可以直接與公司客服進行交流、了解,實現交易。
           
              四:seo和sem有哪些區別和聯系?
           
              總的來講,SEO是通過技術手段做上去的自然排名,而SEM廣義來說包括SEO自然排名和點擊付費推廣。二者是包含與被包含的關系。
           
              1:從起效周期方面分析,seo不會短時間內起效,一般SEO是依靠優化師的技術手段做上去的排名,所以關鍵詞排名首頁是有一定的周期的。而SEM主要投放競價,付費開戶審核好資質后關鍵詞就可以上線。
           
              2:從價格方面分析,SEO一般有按天計費和包年的,看展現在首頁或者前三頁計費,跟點擊次數沒有關系。而SEM主要是根據關鍵詞價格點擊次數收費的。
           
              3:從難度方面分析,SEO并不一定是每個關鍵詞都能優化上百度首頁的,這個我相信做過百度SEO的朋友們肯定是知道的。如果個別關鍵詞難度比較大,一般很難優化上百度首頁,而且即使是上了首頁也不穩定。當然如果是SEM,只要價格設置的高點,難度大的關鍵詞也可以長期投放在首頁。
           
              4:從展現方面分析,SEO的標題一般是以核心關鍵詞來設置,通常首頁,欄目頁和詳情頁的標題都有一定的寫法和規則。而SEM的標題則更在乎創意和吸引點擊率,其實更像是自媒體廣告的標題。
           
              5:從關鍵詞排名的穩定度分析,SEO一般做上首頁的關鍵詞只要一直在維護,一般是比較穩定的。SEM則是需要持續的投入競價費用,才能一直排在廣告位。
           
              6:從轉化率方面分析,SEO是快照位的排名,一般排在SEM廣告位的下面,所以SEM的點擊率會相對高點。當然轉化率不僅跟網站點擊率相關,還跟網站設計的效果,文案的好壞以及企業銷售人員的專業度等等都有一定的關系。
           
              7:總結seo的特點為見效慢,一旦有效果就會很穩定且流量精準。
           
              SEO雖然屬于自然流量的一種,但是,在做SEO優化的時候,它的時間相對而言,會比較久一些,但是,它來的客戶流量是其它流量所不能比的,因為,它來的都是比較。關鍵詞優化上去后,排名相對較穩定,即使短時內不再做優化,也不會出現大幅排名下降。
           
              8:總結sem的特點為見效快投入高。
           
              SEM它是屬于付費的一種流量形式,它相比SEO而言,它來的流量會見效會快一些,但是,相比SEO不好的一點則是,它來的客戶量都不,大多數都是跳出率都比較大。
           
              燈塔seo點評:
           
              seo與sem的聯系主要體現在二者都是搜索引擎營銷方式方面,二者的區別主要體現在起效時間,投入等具體的營銷效果層面。二者可同時使用,彌補自身的不足,發揮各自的優勢。
           
           

           

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

          微信的私域流量生意

          資深UI設計者

          這幾年私域流量這個詞很火熱,很多企業都開始做私域流量,特別是在微信場景下進行的社群運營;一個優質的社群運營能讓社群一直處于活躍狀態,并且可以提高轉化率;本文作者分享了關于微信的私域流量生意,我們一起來了解一下。


          一、從做好一個微信群說起

          最近這兩年,隨著在線教育和社區團購行業的興起,私域流量這個詞越來越被大家所熟知。不過我很討厭私域流量這種說法,仿佛不把人當人看,而僅僅是一種流量數據指標而已。

          那么什么是私域流量呢?用一句話來說,私域流量就是一個能與顧客拉近距離,離用戶最近、最方便觸達的方式而已。

          在這之中,人情味是核心,比拼的是執行力,是一個慢工出細活的事情。

          做好一個私域的內核是用戶和內容的運營。

          我今天來說說私域中的一個類目,社群運營

          整個體系涉及到了打磨產品、如何做好增長、如何做好用戶的活躍、和內容的產出以及如何服務好用戶的多元化需求。

          我相信在座的各位,在私域中與用戶打交道的時候或多或少的溝通問題。

          解決溝通問題有一個核心思路:你說出去的每一句話,做出來的事兒,都要真誠。

          我們今天拆解的兩個案例,一個是目前互聯網最大的創投類科技媒體同時也是納斯達克的上市公司;另一個則是目前國內規模最大的針對于企業高管的知識付費課程。

          還有一系列的私域案例,有我深度參與的,有我日常打輔助的,也有也有我們進行代運營工作的(但是由于客戶的隱私問題,有的案例我不方便透露具體的名稱)。

          我敢保證,今天的兩個案例在座的人80%的人都或多或少使用過他們的產品,或者聽過他們的名字。

          二、社群產品的冷啟動

          為什么我把冷啟動放在第一位?

          因為一個冷啟動好與壞直接關乎于后期的分銷變現的效果。

          先說一下XX創新大學。

          目前市面上很多頭部知識付費的公司,他們開始做上市輔導的IPO工作了,不要天真的以為這些公司都是靠單打獨斗起來了,其實他們在很多的城市都有地方站的布局。

          看似很牛逼,但是你知道他們在早起布局的過程中,也栽了不少的坑。

          知識付費的地方站本質是一個代理生意,由于這是一個代理的生意,執行人員很容易按照原先設定話術和引流的一些行為ctrl+v 進行運營工作,但很快就發現了問題。

          一是因為地方的認知與一線城市的差距很大。

          不知道大家在過年回家的時候,跟身邊的朋友或者當地的企業家前輩聊天的時候,能發現的明顯的代溝。

          我認識的很多當地傳統企業的老板他們對于互聯網和新媒營銷的認識差距還是很大的。

          其次,是因為當地年齡代溝的問題。

          我們發現當地企業領導和公司高管都是將近四五十歲的人,線上時間較短,更不要提成交轉化了。

          基于這兩個問題,我們開展了一系列攻艱克難的嘗試。

          首先,我們通過了很多人脈在線下對接到了很多地方優秀的創業者,在接觸的過程中發現,大家在疫情時期對于傳統行業如何轉型有著迫切的需求,而且他們泡在線下的時間遠比線上的時間多。

          針對于這一點,我們打算從線下的交流分享會進行切入,將交流會的服務搭配著虛擬會員一起售賣,不僅提升了客單價還可以發展很多線下的分銷渠道。

          那我們是如何做線下的冷啟動呢?

          因為對我們而言,線下流量的多少,直接關系到我們的成交,以及品牌勢能,包括后期分銷渠道的搭建。

          因為我們針對的更多的是企業家,也就是B端的用戶,他不像C端的流量可以進行投放去算ROI。一個好的冷啟動是非常關鍵的。

          當時我們想了很多花里胡哨的操作,最終讓我們醍醐灌頂的是王興說過的一句話。

          王興最喜歡講的一句話,結硬寨,打呆仗,你知道這句話誰說得嗎,是曾國藩。

          曾國藩曾給清廷上奏,原文是這樣寫的:

          “臣不善騎馬,未能身臨前敵,親自督陣。又行軍過于遲鈍,十余年來,但知結硬寨、打呆仗,從未用一奇謀、施一方略制敵于意計之外?!?

          說白了,這里講的就是步步為營,穩扎穩打,不出奇兵,戰勝對方。

          我們經常說一句老話,就是:聽了這么多道理卻依然過不好這一生。

          我問一下大家,大家有多少人堅持100天來履行自己的健身計劃呢?所以說,大家抓執行的能力的度待提升的,因為大部分人是不一定具備躬身入局的能力。

          就拿我們老家,河北省的地方運營中心來說。我們也算是把細節做到了極致。

          我們前期,通過人脈關系讓所有人都免費參加,來增強線下的初期勢能。

          針對地方已購買產品卻長期沉默的用戶我們人工電話一個個電話或者線下一對一的去進行召回的。在這里說一點,一個聲音好聽的妹子,確實可以讓用戶多聽你BB一分鐘。

          那個時候一天在線下能見30多個人,嗓子都干了,確實累,不過,只要有效,莽就完事了。

          用盡一切的能力去找到聯運方,那個時候我們很榮幸的找到一個很有名的讀書的地方代理,但是大家要記住,在聯運的前期,一定要把雙方的權益寫清楚,否則后期會遇到很多麻煩的事情。

          動用你所有邀請到的人,讓他們去發發朋友圈,因為他們企業家的朋友圈還是比較精準的。

          那個時候我們通過大半個月的時間基本把當地的創業者跑了一遍,初次召集了2000多號的人。

          試想一下當地上千號的大小老板在同一時間的發朋友圈幫你宣傳,是一種什么樣的影響力。

          利用個人IP好好的去做內容,保持個人的內容輸出。

          通過這種方式我們在前期基本上能在當地進行小規模的刷屏。

          后期我們又不斷提升線上的影響力。我們在抖音、快手和視頻號的平臺選擇中,最終選擇了全力做視頻號;我們利用手中已有的企業家資源,進行微信視頻號的連麥直播,通過社交關系,很快的就覆蓋了市內的大部分企業家,不僅增強了品牌的影響力,也慢慢的增強了他們對于線上的使用習慣。

          到此為止我們才慢慢的開始利用品牌的影響力開始裂變分銷。

          我相信很多人都在意社群的轉化,在意分銷體系的搭建;只不過一口吃成一個胖子,這是不現實的。

          在分銷轉化之前還有很重要的一步,就是活躍。

          三、社群的活躍與用戶粘性

          這個案例是一個行業媒體的社群。

          在上文中我們列舉了冷啟動做起來的種種方法,在啟動后相信很多人都遇到了一個問題,社群是有生命周期的,我們拿這個行業媒體的社群給大家拆解一下生命周期活躍的這個事兒。

          作為行業媒體來說,大家更看重其自身所帶的內容,所以在社群的活躍方面,用戶的忠誠度一定是以內容的價值來衡量的。

          那么針對于一家互聯網創投媒體來說什么是有價值的內容呢?

          1. 要看目標用戶定位

          創投媒體的受眾大部分是以互聯網、廣告營銷、金融為主的人,還有一部分的創業者和對商業科技感興趣的學生;所以在話題的選擇上也是圍繞這些去做文章,盡量的找一些大家感興趣的話題引起討論。

          2. 需要營造一個有發散性的話題和一個良好的討論氣氛

          如何做一個社群交流的話題呢?

          按照我的總結就是:信任感+信息差。

          所謂的信任感,來源于用戶對于品牌信任,以及群友對于群主的信任。絕大多數人不具頭部品牌的影響力,那么就更要專注于你與群友之間的信任建立。

          信息差是什么?俗話說:三日不見當刮目相看。

          為什么人和人拉開距離的速度會非常的快?這背后的原因就是是彼此的認知和信息差不一樣。

          國與國之前有信息差,行業之間有信息差。那么信息差呢?

          我來舉個例子!

          我問大家兩個問題:

          • 大家都知道美國比我們的科學技術發達,互聯網的普及程度更早,那么為什么移動支付卻在中國得到了大量的普及呢?
          • 國內的螞蟻花唄和京東白條這么普及的情況下,為什么上門推銷信用卡卻這么被人抵觸呢?

          這些看似是討論移動支付或互聯網金融的商業問題,但這個簡單的問題底下是我們通過詞云埋藏了十多個話題點供大家討論。

          每一個詞云點里至少有大于三種的討論方向,大家想想海王為什么和姑娘總有的聊。

          那么當這種內容進行發散輸出的時候,這就是大家所期待的有價值的內容。

          作為一個好的群聊話題,它是有節奏性的,從拋出話題,再到討論話題,再到最后話題的總結,它是一個有始有終的過程;所以說,作為群主,想好這個話題的討論點,把控好每一個環節,不要讓這個環節里面出現過于激烈的爭論。

          如果有的話,你需要動用自己的情商去好好的緩解;千萬不要評判這個人說的是對的還是錯的,其實世界上所有東西在我看來沒有對和錯,只有說合適和不合適。

          3. 定期做主題分享

          分享的形式有兩種:一種是邀請嘉賓,另一個是主題討論。

          我們會利用客戶平臺資源去邀請一下嘉賓?;蛘哐埲河堰M行分享。

          有的群友可能沒有那么系統性的輸出,那么就可以進行一個主題會,比如我曾經就邀請了關于電商平臺的運營人員、MCN以及品牌方從各個角度來講解關于品牌營銷的主題演講。

          4. 利用小KOL去影響更多的人

          那在群里,什么樣的人符合KOL的標準呢?

          當一個合格的 KOL,其實并不容易,既要上知天文又要下知地理,又要能文善武,既要保持調性,還要平易近人,不能讓群友太過仰視,離群友距離太過遙遠;更不能讓群友們俯視,變成單獨服務向的“客服小妹”。

          那我們篩選的漏斗模型是什么呢?

          • 樂于分享的人留下
          • 思維縝密對行業有獨特認知的人留下
          • 有獨特的分析角度和正確價值觀的人留下

          大家一定要好好服務好這些人,無論是做一筆生意也好,還是交朋友也罷,這些挖掘到的kol都是你在數字世界開疆拓土的戰略盟友。

          他們獨樹一幟的思想一定是能夠在未來引起別人的關注。

          在分享的過程中,一定要對分享者多多鼓勵,畢竟誰不喜歡被表揚呢,無論這個分享是怎樣的,能分享就是好的;一定要讓分享,成為群內的良性循環。

          不過再怎么活躍,各位一定也會遇到死群的問題;很多做微信生態的人都非常的擰巴,總覺得解散社群是一件非常抹不開面子的事情。

          對于一些死群,我會利用解散社群重組的方式重新活躍。

          每一次換血都意味著生命體細胞的再造。

          這句話話怎么理解呢?

          其實社群生命周期的本質跟細胞的組成是一樣的,按照生物學的角度來說:人體細胞是有壽命的,每天都在更新,衰老死掉的細胞會被新的代替。

          但是,人的大腦細胞是永久不變的,就算過了7年的周期,你的腦子依然還是同一個。

          那么針對于社群來說,群主就是這個生命體的大腦,群員就是細胞,你的信息與內容就是流動的血液。

          不要害怕社群的生命周期,作為一個生命體來說,攝取更多的氨基酸和維生素,尋找新的細胞來源,才是大腦應該考慮的事情。

          當社群到了無話不談的時候,就會出現新的交流需求。

          群中有的人聊生活,有的人聊工作,有的人聊行業。

          大家從陌生到熟悉是需要時間去建立的,每一個愿意在群里聊天的人都有他存在的意義,每一位發言的群友都值得被認真對待。

          四、做社群的一些最樸素的方法論

          1. 學會復制

          對于絕大多數人來說,剛開始進入一個行業,最佳的方式不是創新,而是復制頭部玩家成熟的模式,以保證自己能夠在行業理解、團隊結構、 技術運營等能力上迅速度過冷啟動期;所以每一個互聯網人,都應該有分析項目、拆解項目、復制項目的能力。

          我們需要對于行業頭部的打法保持敏感,同時想把辦法跨行業的知識進行融合。

          2. 人情味

          群主本身即群員,我們既是社群的運營者,同時也是別人社群的群友。

          當你脫離出kpi的數據視角,用人本主義的視角和同理心去理解社群,你會發現更大的世界。

          3. 求知欲

          求知欲就是對一切事物保持好奇。

          我特別喜歡的一句話就是:好奇心是我對這個世界永不停歇的熱情。

          4. 對小工具的利用

          在人類的進化史中,人類之所以為人,是因為人會使用火。在數字世界中生存進化,我們也需要利用好一切可以輔助運營的工具,方便我們進行事半功倍的管理。

          5. 最后一點題外話

          我時常問自己一個問題:一個知識社群的終局是什么?社群模式的天花板又在哪里?

          先直接說一個結論,從長期來看,社群必然走向沉默。以社群為主的商業模式也注定會有天花板。

          社群經濟更多的是以服務成年人,以活躍的角度來說,沒有一個人有時間在群里面天天扯閑。而且隨著社群的發展,會逐漸導致流量的不精準,群里面也會逐漸“水”化,這是其一。

          其二是因為,隨著社群規模的擴大,就必須要做標準化的流程。

          大家知道標準化是什么嗎?

          標準化意味著工業化,工業化的過程中就很難讓底下的執行人兼顧到互動和情感。

          但是,互動與情感其實是在數字社會中是尤為可貴的,這也是主辦方伴我們召集在線下的原因,我們在線下的每一個點頭,每一次眉頭緊鎖,都是很好的情感交流,這其實是在一個工業化的社群中很難做到的。

          但這不意味社群的生意不賺錢,一個高效率的社群一定要講究標準化,只有足夠穩定的SOP才能做起來規模;所以社群組織的機體再生能和情感傳遞力才是我們應該多思考的思路。

          解題不一定在當下,當大家好在嘲諷拼多多的拼一刀的時候,黃崢已經在思考生命科學和糧食安全的事情。

          我粗淺地認為,這個事情,是從他22歲和段老師一起會面巴菲特的時候,就已經注定。

          做一個砍一刀的電商并不性感,利用科學為社會提供價值才是性感;做一個數據導向的社群不性感,讓社群有生命力有再生能力,才是真正的性感。



          文章來源:人人都是產品經理   作者:紙皮小火車

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

          TMS運輸管理系統:結合業務分析各個功能模塊

          資深UI設計者

          導語:TMS(運輸管理系統)是一個物流運輸平臺,它是供應鏈管理系統(SCM)的一部分。廣義的TMS平臺涉及面較廣,不同企業的業務模式不一樣。本文所探討的TMS是具有實際運營能力的第三方物流運營平臺,它主要是一種通過技術的手段整合社會物流信息,優化配置物流資源,幫助貨主降低物流成本并提供管理運輸業務。下面從業務描述、系統架構和功能模塊三個方面作一個簡單的分析,一方面是梳理業務的作業場景,另一方面宏觀認識產品的整體框架,分析具體功能解決的問題點。


          一、業務描述

          通常來說,整個運輸階段分為三個階段來完成:

          1. 第一階段

          貨主提出運輸需求,建立任務訂單推給運營方。

          客戶下訂單的方式有很多,比如電話、郵件、發信息、TMS系統、其他平臺等。提出的任務需求,也稱客戶訂單,它是貨主和運營方的交互憑證,承擔著需求描述、運單跟蹤、應收結算等功能。

          貨主訂單主要包含4方面的信息,收發貨地信息、貨物信息、用車信息、增值服務。

          1. 收發貨地信息,姓名、電話、地址,預計提貨、到貨時間;這里貨主所約束的發貨、收貨時間,只是客戶要求的時間,具體到運營方的業務運作,實際的發貨、收貨時間會有區別;
          2. 貨物信息,商品類型、貨物重量、體積、數量,更詳細一點到標準產品的單位;
          3. 用車信息,車型,溫控標準等。作為貨主方可能對車型也不一定了解,所以這不是一個非填信息;
          4. 增值服務,比如是否需要裝貨、搬貨、卸貨、貨物保險等。

          2. 第二階段

          運營方按照一定的運輸規則處理,做這個規則處理的過程,一般稱之為計劃,計劃的形式有多種,主要有拼單、拆單、規劃線路圖、地圖合單等,然后再將計劃好的這個訂單分派給合適的承運方。

          最常見的手段是拼單,又稱零擔運輸。將多個貨主訂單合并拼成一個派車訂單,一般規則的處理條件有:訂單量、裝載能力、價格、路線、發貨時間、收貨時間等。

          計劃的手段除零擔集貨外,還有大單拆分、長單分段等,主要目的來達到成本分攤的作用。計劃的手段有智能計算,和人工處理+半自動計算。

          1. 智能計算,自動的方式。在滿足運輸條件的規則下,自動進行拆分、拼單,生成計劃單;
          2. 人工處理+半自動計算,也是最常用的方式。比如可以根據我們LBS地圖,將要發貨的點映射到地圖上,圈出相鄰相近的發貨地,再根據約束條件的計算,比如溫控標準、要求運輸的時間等,生成可調度的運輸訂單。

          3. 第三階段

          承運方接受訂單,并將訂單分配給司機,由司機執行完成運輸任務,這個階段又稱之為調度。運營方將計劃的訂單分配給承運方,生成最終的運輸訂單,它是運營方同下游承運方的唯一標識,這個憑證會關聯到訂單的跟蹤監控和應付結算等功能。

          二、系統架構

          三、功能模塊

          1. 基礎資料

          基礎資料的建立,對TMS的需求任務單和調度非常重要,只有建立了合作關系,才能在客戶需求訂單上選擇到正確(有合作關系)的客戶,在計劃調度的時候才能匹配到正確(有合作關系)的承運方。

          錄入貨主、承運方的信息,以便于后期訂單的生成, 這些信息的維護可以保證每個訂單都有歸屬客戶,方便訂單的管理。

          1. 貨主:有需求的角色,可通過供應鏈平臺的商家端創建任務訂單;
          2. 承運方:負責承運能力的角色,提供車輛司機幫助完成運輸訂單;
          3. 運營方:貨主和承運方的橋梁,一邊從貨主獲取用車需求,分配給相應的承運方;另一邊將承運方的返回的任務狀態信息回傳給貨主。

          1)貨主管理

          客戶資料會有專門的CRM維護。

          2)承運方管理

          有承運商、自營車輛和2C車主三種。 2C車主,個人司機管理模塊,沒有合作關系。個體司機加入平臺,需要進行注冊認證,只有認證通過后才能給這些司機派發運輸訂單。

          司機的信息維護除了注冊認證外,還有在平臺的所有活動數據記錄等。和承運方相比,此前不需要有固定的協議合同,相當于臨時工的概念。

          3)用戶管理

          運營方用戶之間建立的合作權限關系。

          2. 客戶訂單

          在第一階段,貨主提出用車需求。需求訂單信息包括收發貨人信息、貨物信息、用車信息和增值服務,詳細描述在上面的「業務描述」中有說明。具體到TMS系統中,這里不但只是貨主的信息錄入,它還包括收發貨人信息關聯、地圖定位、里程預估、上下游價格等。

          客戶訂單它是貨主和運營方的唯一標識,貨主的訂單狀態有,待計劃、待調度、已調度、等待提貨,取貨中、運輸中、已完成等多個狀態。

          3. 計劃運輸

          客戶需求訂單創建成功以后,就開始進入到運輸業務的第二階段,運營根據一定的規則處理,將訂單進行自營車輛運輸、派送給承運方或者轉給2C車主,這邊的基本流程為:

          1)審單

          TMS系統對客戶的需求訂單做分析,分析出有問題的訂單,比如信息填寫不完整、地址解析錯誤等。

          2)計劃

          計劃和調度是運輸業務的第二個階段,它關系到整個運輸的最終成本控制,是整個運輸過程最重要的核心組成部分。

          計劃的目的,是為了解決時效優先還是成本優先,更多的作業場景是在這兩者間作一個平衡處理。運營方作計劃的規則處理,會受到以下3個條件約束:

          1. 車輛類型、裝載重量、體積等限制;
          2. 送貨/收貨時間;
          3. 運輸線路的穩定性。

          常見的計劃優化手段有:裝載優化、路線優化。 運輸計劃的方式有很多,總之在滿足時效的同時,成本最低是計劃的主要目的,主要手段有三種:

          1. 合并訂單:資源最優利用:將眾多非整車貨主訂單(零擔)拼成一個整車運輸訂單,它實際是一種裝載優化,根據車輛最大載重和體積限制,提高裝載率;常見的做法是,基于已有訂單分析,相鄰相近的訂單自動合成運輸計劃單。這樣可以減輕貨主方配送成本,司機單次配送的收入也會增加(2C車主),最終實現人和車資源的最優利用。
          2. 路線優化:提升出行效率:基于提貨點和卸貨點的地理位置,尋找最佳配送線路,縮短車路程和時間,降低行車成本;常見的做法,地圖規劃、固定線路。使用地圖規劃的好處:根據貨主訂單的時間約定,以規劃更合理的路線。
          3. 規則派單:互惠共利:針對承運方、2C司機等分析,按照既定好的規則,派單給符合條件的承運方或司機,匹配因子包括:車型、司機、距離、滿載率、價格等;如果運輸業務數據量大,在滿足貨主和司機的要求下,可以最大程度解決效率低、成本高的問題,使得貨主、司機、運營方三方共同得利。

          關于城配:

          1. 短途運輸,城市配送。它是一種面向企業的計劃性城配物流,主要有倉-倉、倉-店、倉-家等場景,相較于干線,城配運輸對服務和時效性的要求更高;
          2. 倉到店的業務場景,一般有固定的城配線路 ,類似于公交車的固定線路和站臺,不同之處城配只提貨一次,接下來的多個站點卸貨。比如從某倉庫提了一批貨出來,按照規劃好的路線送到各個站點,這里站點不僅限于門店,也有可能另一個倉庫,或者盒馬、全家等;
          3. 城配計劃:在滿足時效性的前提下,需要規劃車輛的裝載率、用多少車輛配送哪些收貨站點,最大程度減少貨主的運力,繼而減少運送成本。除計算的線路外,也可以通過地圖展示的形式,人工進行規劃。

          考慮到TMS中訂單量大、位置信息較為復雜,純人力計劃效率低,有時不能夠滿足客戶的需求。

          所以一些企業會根據訂單結合計劃承運方作出進一步的優化「智能調度」,利用算法圍繞貨物、車、路線、時間合理規劃策略,實現最優資源的分配方案,完成最終的運輸工作。

          3)調度

          把計劃的訂單進行派發給相應的承運方,這個過程稱之調度。派發的渠道有三個,分別是自營、合作承運商和2C車主。

          1. 合作承運方:根據已簽訂的合同,讓承運方幫助提供車輛運輸服務。承運商的運輸訂單,運營方對于實際的運輸車型、司機信息都是不知道的,所以運輸中出現的問題需要承運商對接。自營車輛、個體司機的身份信息較為完整,可以直接聯系到。
          2. 自營車隊。效果最好的承運方式,有著控制力強、專業度高,協調方便等優點,也是成本最高的方式。
          3. 2C車主。社會上的司機,一般臨時緊急需要的一種調度運營方式。

          承運方接單后,會將調度的信息同步到WMS,包含車輛提貨時間、運送車型等。告知到倉庫的目的 ,可以讓倉庫可以提前備貨,節省提貨時間。下面所說比價計價模式,就是在調度的時候,根據各個承運方給出的報價,會選擇合適的、性價比高的承運方。

          4)跟蹤

          訂單跟蹤是運輸業務的第三個階段,承運方已經開始執行配送任務,實時跟蹤訂單狀態,并將狀態信息回傳給運營方和貨主。實時獲取訂單的當前狀態,比如位置信息、貨物的溫度等,也方便平臺管理司機,以保障訂單任務的順利完成。

          提貨:

          • 司機接受訂單,根據提供的運輸訂單,到指定的地點提貨;
          • 司機在提貨的時候,需要驗貨,比如重量、是否損壞等。

          跟蹤監控:

          • 獲取貨物訂單信息,根據距離信息判斷,并更改訂單狀態;
          • 比如估算司機到提貨點、卸貨點的距離,能夠得出提貨、卸貨的時間;倉庫可以根據車輛到達收貨點的距離,提前做好貨物入庫的準備;
          • 跟蹤車輛在運送過程的溫度,匹配貨主訂單貨物的溫控標準,對不符合的情況作出預警提醒。

          簽收:

          • 正常簽收。收發一致,發多少貨,收多少貨;
          • 損壞、缺失。 涉及到賠償,界定行為的過錯方。根據訂單的跟蹤監控進行判定,比如貨物在運輸過程中,有一半時間溫度不達標等;
          • 拒收。原路返回。冷鏈運輸中的生鮮、冰淇淋等產品,如果遇到化凍后產品就是報廢處理了,所以不存在拒收,這種情況需要通過責任認定協商賠償。

          中轉站:

          • 干線運送有直達和中轉。直達,即貨品發車后,直接送到收貨地址;中轉,即運輸的貨物需要交接,交接的站點稱為中轉站;
          • 中轉站,在TMS運輸中一般只作為臨時性的寄存功能,交接的貨物在中轉站存放時間較短,不涉及復雜的入庫出庫,所以中轉站只涵蓋三個服務,收貨、暫存管理、發貨;
          • 在實際具體業務中,為防止工作人員貨物碼錯、出庫錯誤等情況,會給到站的貨物、容器打上唯一的標簽。

          5)回單

          一種發貨的憑證,證明對方已收到貨,也是最終貨主結算的憑證。

          收貨方簽收訂單后,司機需要上傳回單并更改狀態完結訂單,考慮到線下是作業,回單的照片清晰、其他敏感信息等原因外,運營方需要再次確認后將回單再返回給貨主。

          回單也分電子回單和紙質回單,電子回單:大部分情況下都采用這種,司機將簽收方的訂單,拍照上傳即可;紙質回單,需要將回單寄回給貨主,當然回單還是會掃描記錄到TMS系統中。

          四、異常管理

          在客戶訂單簽收之前,都可以上報異常,上報異常需要對異常情況進行詳細說明,比如貨損損壞情況,進而進行協調處理,界定賠償責任等。

          上報異常的渠道可以通過電話聯系運營方,由運營方的客服部門進行對接,異常訂單也會進入到TMS異常管理中,并對異常進行記錄、處理、跟蹤工作。比如上述所說簽收方在簽收的同時發現問題,也可進行異常上報。

          五、價格管理

          1. 計費規則

          • 單一計價,按重量、體積、整車來計量,體積的計價方式較為復雜,一般會通過一定的規則轉換成重量計算;
          • 分段計價,判斷貨物屬于哪個區見,計算價格;
          • 階梯計價,分別對各個區見進行運算,最后將所有的區見相加,當然也有可能出現分段和階梯的混合計價方式。
          • 比價計價,同一批運輸訂單,不同的承運方給出不同的價格,價低者得。

          2. 價格模板維護

          根據不同需求維護不同的價格模板,方便使用和管理。上游價格模板,對商家進行收款的計價規則; 下游價格模板,對承運方進行付款的計價規則。

          3. 價格模板應用

          根據制定好的價格模板,規定價格模板的應用條件。對符合該條件的商家套用模板進行計算,價格模板的調用可以從不同維度,比如:線路、商家、貨物類型等。不管下游承運商,還是上游的貨主,不同的客戶都會應用不同的報價模板。

          六、結算管理

          在結算管理中,對生成的訂單費用進行審核,實際業務的變動對最終賬單核算也會有調整,審核無誤后生成最終的賬單,然后由財務人員對照賬單進行上下游的收款和付款。

          • 應收:收取上游貨主的費用,生成費用賬單,財務進行收款;
          • 應付:付給下游承運商的費用,也有可能是2C的司機,生成費用賬單進行付款。


          文章來源:人人都是產品經理   作者:亦果兒

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


          用戶體驗地圖如何落地

          資深UI設計者


          用戶的體驗感對于一個產品來說,是至關重要的。一個好的產品能夠充分照顧到用戶的感受,從而擁有大批的忠實用戶。用戶體驗地圖是幫助產品設計者站在用戶維度思考體驗優化,提升用戶體驗的重要工具。

          那么,應該如何打造用戶體驗地圖及如何落地呢?我們在本文給出了解答。(本文對用戶調研、用戶行為路徑、使用場景等也做出了詳細解析)

          undefined



          1.1 定義用戶體驗地圖


          用戶體驗地圖,是從用戶的視角出發,去理解用戶、產品或者服務交互的一個重要的設計工具。

          它以可視化的形式,來表現一個用戶使用產品或接受服務的體驗情況,來發現用戶在整個體驗過程中的問題點與情緒點,從中提取出產品的優化點。

          對于1-∞的產品來說,用戶體驗地圖是用戶增長策略的一部分,是產品優化的重要工具。



          1.2 拆解用戶體驗地圖


          用戶體驗地圖一般由以下幾個部分組成:


          用戶體驗地圖的組成部分大同小異,可以根據自身分析內容增加或簡化。小伙伴可以保存這張空白模板,直接拿去填內容哦~




          我們給出了簡潔明了的回答:


          背靠著中國鐵路總局,12306在基礎票務預訂服務上有著得天獨厚的優勢,但基于用戶日益增加的多樣化需求,以及越來越多的用戶愿意為優質體驗買單,競爭激烈的OTA們日益精進,與官方12306形成鮮明對比,本次優化就圍繞12306流失最多的年輕用戶群體展開。




          本文以12306為例,主要針對購票流程(核心功能),提升交互易用性和用戶體驗,演示用戶體驗地圖如何落地。首先我們來看一下用戶體驗地圖的原型模板。

          (上圖建議保存)


          根據地圖原型的ABC區域,分別對應著A區的用戶特征與需求,B區是用戶行為、思考、情緒,以及C區的總結分析。A區+B區得出C區,A和B都基于用戶,所以,了解用戶——是梳理用戶使用問題的基礎和第一步。

          經過我們團隊的經驗總結,得到繪制前的流程步驟如下圖,下文會拆分步驟一一講解。



          3.1 了解用戶


          體驗地圖的“用戶”不是主觀腦補出來的,而是通過定性調研和基于數據支撐所得出的,所以收集用戶的信息是十分必要的。

          以下我們通過用戶群體數據和問卷調研數據(包括用戶畫像)來確定用戶模型。


          3.1.1 用戶群體

          本文根據以上數據,僅鎖定一線城市的主要用戶群體,也就是高線年輕人群的購票流程優化。



          3.1.2 問卷調查

          籠統的“對某類用戶使用產品的情況調研”是無法提供有價值的調研內容的,調研目的一定是顆粒度可細化的存在。


          12306平臺的下單耗時長,年輕用戶流失率上升,對官方軟件槽點頗多,品牌影響較為負面。本次調研,主要針對年輕用戶在平臺的購票路徑,分析該用戶群體,在下單過程中的操作節點與關注點,探索用戶流失與差評的原因。


          我們把社會屬性相關的樣本數據按不同維度歸類,劃分用戶人群。比如按年齡、行業、職位等維度的典型特征,可以將12306APP的主要用戶劃分為:在校學生、企業白領、自由職業。


          再加以問卷結果描述,得到了高線年輕產品使用者的虛擬畫像。


          在列問卷內容時,要注意12306是火車購票工具類軟件,用戶目的明確——剛性需求,所以問卷無需過多挖掘需求,而是鎖定調研目的,研究APP體驗本身,精準投放顆粒度較細的具體問題。如下:


          團隊花了2天時間,總共發了335份問卷,回收率80%,拿到了268份。圖表較多就不詳細展示過程了,重在方法。


          根據統計結果,我們最終總結出了下列重點問卷結論:


          把這些痛點、滿意點,包括用戶實際接觸的界面或功能模塊,都歸納記錄下來,方便后續將這些痛點進行優化改進。




          3.2 確定用戶體驗場景


          保存以上部分的相關數據和結論,我們已經了解了用戶(進入角色),接下來要確定用戶體驗場景了(模擬人生)。


          3.2.1 用戶行為路徑


          在做使用場景前,先通過產品設計者視角梳理出產品目前的用戶行為路徑,這個步驟的主要目的是找出復雜節點,降低操作成本。


          它需要我們對操作流程進行拆解,將一個流程拆解成幾個階段,階段又可以拆解成具體的操作節點。這樣一來,我們可以分析每個動作節點存在的必要性。

          undefined


          根據上圖的4步法,第一步——我們在確認主流程的情況下,羅列所有操作節點

          一定不能怕麻煩,用戶所有的動作節點都要羅列。


          然后我們要找出復雜的操作節點,也就是可以優化用戶操作的節點,當然也不能主觀地“我覺得”,用交互量化的方法可以快速幫助我們找到問題點:


          1. 把每個操作交互定一個數值,即為操作成本。越是高階越是隱藏的交互手勢越復雜,所謂的“交互成本”也越高。這里我們規則為:


          2. 通過簡單的加減計算,就可以直觀地看到復雜節點在哪里。


          3. 通過計算,我們能夠直觀地看到用戶操作最繁雜的部分集中于“選擇站點城市”“車次查詢”“選擇乘車人”這三個操作流程中。此時,重新審視這幾項繁雜操作節點,讓用戶在更少的步驟內完成操作是我們的目標,能一次點擊完成的操作絕不讓用戶點擊兩次。


          4.降低操作成本,可以從2個方面入手優化:對于復雜的節點,降低操作難度,用簡單的操作替換復雜的;對于可有可無的節點,大膽地刪除,減少操作步驟

          (由于精力有限,這塊內容暫時不過多展開,因為還涉及很多知識點,以后慢慢講解。當然,感興趣的同學也可以自行查找資料,或在文章下方評論交流哦~)



          3.2.2 用戶使用場景

          明確了目標用戶后,接下來需要我們發揮共情能力,代入用戶視角走查產品。

          從“帶著需求”來(我要買車票),到“完成目標”(買到票)走的核心場景路徑,梳理出來粗顆粒度的故事場景 。


          【舉個栗子】:

          場景的梳理,先從顆粒度大的骨干場景出發,舉個栗子:假如我們起床到公司這個場景,可以回想一下,在整個過程中我們經歷了哪些大的階段?


          ——經歷了:起床—洗漱—出門—路上—到達。


          基于大的階段,我們可以繼續拆分出顆粒度較小的二級故事場景,比如“洗漱”還可以拆解:換衣服—刷牙—洗臉—梳頭。


          拿到實例中,12306的購票流程是:查詢車次—篩選車次—填寫乘車信息—提交訂單付款—買到票了

          切忌在使用場景時流程顆粒度過細,忽略用戶使用目的。


          【加餐知識點】

          這里先講解一下,場景設計主要分為2類:一是挖掘需求,挖掘用戶使用目的及動機;二是研究需求,在已有需求上深入研究和優化。


          12306是從1-∞的出行工具類產品,用戶的使用目的非常明確——買車票,因此使用場景一定是圍繞【研究需求】展開。

          運用4W1H場景分析法,我們得到用戶使用場景:


          在已經了解用戶和確認了用戶使用場景的基礎上,根據以上得到的結論和機會點等資料,開始繪制用戶體驗地圖。




          3.3 繪制用戶體驗地圖


          文章開頭拆解的組成內容還記得嗎?

          現在召集團隊不同崗位的人員,共同努力填補網格空白處。最好從上到下從左到右開始,不用強求全部填滿,因為用戶體驗地圖并不是一錘定音的,它是不斷分析和反復更新迭代的。

          我們得到了用戶體驗地圖成品:



          用戶體驗地圖是產品用戶增長的策略工具之一,繪制完成后根據地圖針對用戶體驗情緒與機會點探索解決方案。


          4.1后續工作安排


          繪制好體驗地圖后,工作并沒有結束,還有2項重要的工作:

          • 優化機會點:展開頭腦風暴,討論是否能有最佳方案,來滿足用戶的目標,提升用戶滿意度、優化體驗

          • 安排后續工作:按照情緒曲線、機會點價值大小,梳理優先級,安排后續工作 



          4.2探索優化方案


          然后根據用戶體驗地圖,按照用戶情緒的低(解決痛點)、高(放大爽點)、中(思考分析),分別探索優化。


          把所有問題點按照上述分類,首先解決用戶情緒最焦慮的痛點問題,其次思考是否能把情緒高點繼續優化到極致,讓用戶更嗨,而用戶情緒平緩的地方,要研究分析,繼續思考優化空間。




          · 中轉功能操作繁瑣,推薦方案不夠智能——減少交互步驟+增加智能方案推薦

          · 視覺層級冗雜、票價信息不直觀——F型分析法優化+增加票價顯示

          · 列表頁排序算法升級(與產品開發相關,不做案例展示) 


          優化點:中轉方案的優化

          我們增加了智能方案推薦,并把中轉車次與直達車次劃在同一頁面,優先展示直達車次。極大地增加了用戶操作的易用性,可直觀對比,減少頁面跳轉和加載等待時間。


          通過多稿權重對比,在信息層級、功能突顯和視覺樣式中,擇優選擇了最終稿。


          復雜節點降低操作成本,切換動效能直觀看出閱讀效率和易用性的提高。



          優化點:視覺層級優化

          通過F型視覺模型十字交叉法梳理了信息層級,極大的提高了閱讀效率。


          日期選擇由展開點按切換改為滑動切換,提高屏幕利用率的同時,更方便用戶操作。





          優化點:增加目的地天氣提醒

          ——情感化設計,魅力型功能,讓嗨點更嗨。





          情緒中線以下,都有優化空間。比如,

          • 添加乘車人操作重復、耽誤搶票——默認常用已選+頁內抽屜拉起

          • 篩選功能視覺較弱、觸點易錯——增加視覺識別與觸點面積

          • ……


          這是一部分可以不斷思考打磨的空間,雖然緊要程度低于用戶情緒低點,但是花時間將產品從滿足80%的用戶到滿足99%的用戶,即使在大多數人看來是一種性價比很低的行為,但卻是提升用戶體驗的絕佳方式。這也是大廠產品體驗良好的原因。




          歸納與總結


          文章有點長,感謝閱讀。下面概括了一些文中的方法論知識點,方便讀者回顧。



          寫在后面


          市面上有很多關于產品體驗地圖的文章,但多數是基于已有產品的劣勢去直接繪制地圖,繪制地圖并不是目的,繪制好體驗地圖之后怎么分析優化才是目的,用戶體驗地圖本身只是一個可視化工具。我們努力去剖析過程、記錄方法論,希望初學者能夠知其然并知其所以然。



          文章來源:站酷   作者:挖設

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

          CDEC中國數字智能生態大會的品牌視覺形象

          seo達人

          很榮幸受合作伙伴邀請,代表公司參加了CDEC中國數字智能生態大會。作為藍藍UI設計公司的一員,小編對本次大會的平面設計設計風格感受頗深、甚是欣賞??戳藥准掖蠊镜男袠I報告,欣賞了他們的軟件功能之余,也膜拜了一下他們的平面設計風格,可以說各有千秋,都特別有隸屬于自己的高端風格定位。下面是我在網站上搜索到的設計師重新定義的CDEC品牌視覺形象,希望你們也可以像我一樣感受到藝術的力量給你帶來的凈化心靈的美好感受。我們藍藍UI設計公司承接各大軟件大佬的軟件大屏UIUE等設計和開發,歡迎聯系我們,感受一下我們專業的技術與服務,一起合作共贏成長。
           

          CDEC中國數字智能生態大會的前身為中國軟件渠道大會,至今已經走到第十四屆。覆蓋20座城市,匯聚10000+優秀廠商、5000+渠道商,覆蓋行業人群500000+,100+媒體深度報道,100+業界KOL參與演講,促成合作數千家,大會發布權威研究報告《企業服務生態發展狀況研究報告》十多本,打通企業數字化轉型服務最后一公里。

          2021年我們重新定義了CDEC的品牌視覺形象,以適應中國數字智能生態大會的全新定位。

          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          收藏
          文章來源:站酷   作者:許靜工作室 

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

          Web前端: JQuery最強總結(每個要點都附帶完全案例 詳細代碼?。?/a>

          前端達人

          Web前端基礎:

          Web前端工具:

          概念

          jQuery是一個JavaScript函數庫。jQuery是一個輕量級的"寫的少,做的多"的JavaScript庫。 jQuery庫包含以下功能:

          • HTML 元素選取
          • HTML 元素操作
          • CSS 操作
          • HTML 事件函數
          • JavaScript 特效和動畫
          • HTML DOM 遍歷和修改
          • A JAX
          • Utilities

          提示: 除此之外,jQuery還提供了大量的插件。
          目前網絡上有大量開源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的擴展。

          知識框架

          在這里插入圖片描述

          安裝

          版本問題

          jQuery版本有很多,分為1.x 2.x 3.x
          1.x版本:能夠兼容IE678瀏覽器
          2.x版本:不兼容IE678瀏覽器
          1.x和2.x版本jquery都不再更新版本了,現在只更新3.x版本。 3.x版本:不兼容IE678,更加的精簡(在國內不流行,因為國內使用jQuery的主要目的就是兼容IE678)
          國內多數網站還在使用1.x的版本

          該總結中所用版本為1.1的版本

          下載

          jQuery有兩個版本:

          生成環境使用的和開發測試環境使用的。 
          Production version - 用于實際的網站中,已被精簡和壓縮。
          Development version - 用于測試和開發(未壓縮,是可讀的代碼) 
          
          • 1
          • 2
          • 3

          以上兩個版本都可以從 jquery.com 中下載。

          這里給個國內的下載地址:
          JQuery 下載

          jQuery的使用

          jQuery 庫是一個 JavaScript 文件,我們可以直接在 HTML頁面中通過script 標簽引用它,跟引用自己的 外部JavaScript腳本文件一樣的語法。

          //將第一步中下載好的jQuery資源包進行解壓,然后就可以飲用解壓好的.js文件 <head> <script src="jquery-1.11.1.js"></script> </head>了。 
          
          • 1
          • 2
          • 3
          • 4

          jQuery語法結構

          jQuery 語法是通過選取 HTML 元素,并對選取的元素執行某些操作(actions) 
          
          • 1

          基礎語法

          $(selector).action() 說明:美元符號定義 jQuery 選擇符(selector)"查詢""查找" HTML 元素 
              jQuery 的 action() 執行對元素的操作 
          
          • 1
          • 2
          • 3
          • 4

          文檔就緒事件

          文檔就緒事件,實際就是文件加載事件。

          這是為了防止文檔在完全加載(就緒)之前運行 jQuery 代碼,即在 DOM 加載完成后才可以對 DOM 進行操作。

          如果在文檔沒有完全加載之前就運行函數,操作可能失敗。 所以我們盡可能將所有的操作都在文檔加載完畢之后實現。

          寫法一:

          $(function(){ // 開始寫 jQuery 代碼... }); 
          
          • 1
          • 2
          • 3

          寫法二:

          $(document).ready(function(){ // 開始寫 jQuery 代碼... }); 
          
          • 1
          • 2
          • 3

          jQuery的ready方法與JavaScript中的onload相似,但是也有區別 :

          區別 window.onload $(document).ready()
          執行次數 只能執行一次,如果執行第二次,第一次的執行會被覆蓋 可用執行多次,不會覆蓋之前的執行
          執行時機 必須等待網易全部加載挖完畢(包括圖片等),然后再執行包裹的代碼 只需要等待網頁中的DOM結果加載完 畢就可以執行包裹的代碼
          簡寫方式 $(function(){ });

          jQuery選擇器

          jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素。 它基于已經存在的 CSS 選擇器,除此之外,它還有一些自定義的選擇器。

          jQuery 中所有選擇器都以美元符號開頭:$()。

          元素/標簽選擇器

          Query 元素選擇器基于元素/標簽名選取元素。
          語法:$("標簽名稱")

          <div>div1</div> <div>div2</div> <div>div3</div> <script type="text/javascript" src="js/jquery-1.11.1.js" > <script> //文檔就緒事件:  $(document).ready(function(){ //編寫jQuery  }); $(function(){ //1、標簽選擇器: //獲取所有的div元素(集合) var divList=$("div"); console.log(divList);//jQuery的對象  console.log(divList.length); for(var i=0;i<divList.length;i++){ console.log(divList[i]);//js的對象  //將js對象轉換為jQuery的對象  console.log($(divList[i])); } }); </script> 
          
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22
          • 23

          id 選擇器

          jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。

          頁面中元素的 id 應該是唯一的,所以在頁面中選取唯一的元素需要通過 #id 選擇器。

          通過 id 選取元素語法如下:

          $("#p1")

          class 選擇器

          jQuery 類選擇器可以通過指定的 class 查找元素
          $(".mydiv")

          全局選擇器

          匹配所有元素
          $("*")

          并集選擇器

          將每一個選擇器匹配到的元素合并后一起返回
          $("div,ul,li,.mydiv")

          后代選擇器

          在給定的祖先元素下匹配所有的后代元素
          $("form input"

          子選擇器

          在給定的父元素下匹配所有的子元素
          $("form > input")

          相鄰選擇器

          匹配所有緊接在 prev 元素后的 next 元素
          $("label + input")

          同輩選擇器

          匹配 prev 元素之后的所有 siblings 元素
          $("form ~ input")

          屬性選擇器

          jQuery中的事件

          頁面對不同訪問者的響應叫做事件
          事件處理程序指的是當 HTML 中發生某些事件時所調用的方法 
              
          • 1
          • 2

          常用DOM事件列表

          鼠標事件 鍵盤事件 事件 文檔/窗口事件
          click keydown submit load
          dblclick keyup change
          mouseover focus
          mouseout blur
          hover

          常用的 jQuery 事件方法

          在 jQuery 中,大多數 DOM 事件都有一個等效的 jQuery 方法


          轉自:csdn論壇


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

          炫酷大數據可視化界面設計賞析(十二)

          前端達人

          大屏可視化界面設計可謂是當今行業、企業發展的見證,生動直觀地再現了行業、企業的全貌。不僅作為展示,方便了解、監督;同時可以作為一個有效的管理平臺,帶來效益。大屏界面面向范圍廣,協同性好,易于被采用。下面幾個大屏的界面設計,沉穩的背景上,加上亮色作為點綴和強調。既不失其風格,又富有靈動性。


          接下來為大家分享精美的大屏 UI設計案例:

          藍藍設計(北京蘭亭妙微科技有限公司)是一家專注而深入的UI設計公司,公司對UI設計的追求一向很高,致力于為卓越的國內外企業提供卓越的手機 ui設計、軟件界面設計、網站設計,用戶研究、交互設計等服務。


          jhk-1616156384251.jpgjhk-1616156427836.jpgjhk-1616156606173.jpgjhk-1616156716686.jpg


          圖片均來源于網絡)


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


          更多精彩文章:


             大數據可視化界面設計賞析(一)

             大數據可視化界面設計賞析(二)

             大數據可視化界面設計賞析(三)

            大數據可視化界面設計賞析(四)

            大數據可視化界面設計賞析(五)

            大數據可視化界面設計賞析(六)

            大數據可視化界面設計賞析(七)

            大數據可視化界面設計賞析(八)

          大數據可視化界面設計賞析(九)

          大數據可視化界面設計賞析(十)

          大數據可視化界面設計賞析(十一)


          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          周周

          這篇文章主要分享怎么做一套毛玻璃擬態圖標,以及在這基礎上如何發散創意。帶著這個想法,我開始逛“避寒寺”和“追波”,找可以參考的作品。這套作品我挺喜歡的,作者還做出了 3D 視角的。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          先分析一下圖標的結構。圖標有三層:底部幾何色塊、毛玻璃主造型,帶有含義的白色圖形。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          再分析俯視角度時圖標的表現,方便用工具表現。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          最后是顏色的歸納。作者用了飽和度非常高的顏色,基本都在右上角最尖尖的位置。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          分析完以后可以開始臨摹了…因為造型比較簡單,我沒有臨摹,直接創意發散做了另一套。選主題的時候我隨便開了個 APP(當時打開的是微博),覺得個人中心的快捷入口圖標主題可以拿來試試。我選了深色作為背景,所以這套圖標用到界面會比較難適配,和原 APP 風格也不符合。在這里單純利用主題來做練習。

          做底部的幾何色塊時,形狀可以盡量跟主圖形相關性大一些,加強它們之間的關聯性,如果實在沒法關聯的也不必勉強。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          我降低了幾何色塊的面積,增加了多一層毛玻璃形狀層,并且讓白色的圖形更靈活,而不是雕刻在毛玻璃層上。這是我理解了原作者圖標的結構之后,自己進行的改變,效果還行。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          做的過程中,發現草稿箱如果里面放一張白色的卡紙,視覺效果還不錯,所以我又做了另一種效果。最終呈現出來的效果只有草稿箱比較出彩,其它很牽強。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          拿「照片」這個圖標來進行拆分,參數分別如下:

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          這是最后呈現的效果:

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          封面圖參考了小米的屏保。我用 sketch 做的,效果一般,可能用 ps 做會更逼真吧。

          實戰案例!「毛玻璃擬態」圖標的臨摹思路與原創技巧

          臨摹一套圖標的時候,要帶著目的去臨摹,分析原作者每一步的處理。然后把圖標拆分成不同的變量,修改這些變量的時候或許會得到不錯的想法。





          文章來源:優設網       作者:牙線y2x



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




          新手做seo怎么做

          seo達人

           

            
           
            seo怎么做才有真實的排名?新手又該如何做seo呢?這兩個問題是非常多的零基礎亦或小白seo經常提到的問題。任何從事seo職業的人都有一個新手到老司機的過程,在這個過程中,也許會學習,也許會舍去,也許會進步,也許會原地踏步,不管過程如何,都經歷過這個問題。
           
          新手做seo怎么做
           
            對于網站來講,seo是綜合得分,把每一個對搜索引擎友好的點做到位,就是seo的基本需求,亦或者是網站優化的基本要求。一旦網站的布局結構,內容質量,外鏈質量,安全速度建設等達到搜索引擎判定網站排序的要求,網站的目標關鍵詞以及長尾關鍵詞就會提升。
           
            一:內容與外鏈是解答新手如何做seo的殺手锏。
           
            其實理解到八個字就可以做到簡單的認識seo的理論- "內容為王,外鏈為皇",即seo的操作僅僅只是針對兩方面而言的,內容和鏈接,如果從這方面入手就將問題變得簡單了,所以筆者建議沒有任何seo基礎的新手站長朋友們在初期只要做到定期為網站更新原創內容,重質不重量的為網站打造合適數量的外鏈即可,至于網絡上所充斥著的"高端"seo文章,建議不要看到一篇既按照教程對著網站照做一遍,實踐中我們獲知這樣的做法只會讓自己離真理越來越遠,網站在搜索引擎中的表現大多也會出現了種種問題。
           
            二:新手做網站seo應該意識到實踐的重要性。
           
            Seo的理論知識可謂是相當簡單,無非也就是站內外的優化,也可以認為就是內容和鏈接的優化,7天的時間內完全可以熟記于心,所以實踐才是seo學習中的重中之重,理論看一百遍不如親自動手操作一遍,在實踐中我們都會遇到在理論知識中沒有的問題,試著通過從理論知識中獲取的"seo思維"去試著解決,這才是真正進步的時候。
           
            三:網站seo優化過程中外鏈的操作思路。
           
            在上面已經提過到這個問題,搜索引擎在不停的算法變換中將論壇簽名等外鏈形式的權重變得越來越低,如果同時不具備在內容相關性方面的優勢,這樣的鏈接幾乎可以認做是垃圾鏈接,毫無意義,且垃圾鏈接過多還容易給網站帶來負面的影響,所以,我們應該注重外鏈的質量而非數量,這也是群發外鏈軟件逐漸淡出舞臺的主要原因,而判斷外鏈質量應該從兩方面入手: 對方網站的權重以及內容的相關性。
           
            四:把控用戶體驗是做seo繞不開的問題。
           
            搜索引擎的責任就是為用戶帶去用戶喜歡的內容,即使他不停的變換更新算法,但是其目的都是一樣的,就是服務于用戶,百度喜歡用戶喜歡的站點,這個說法在百度的算法更新中得到了印證,目前各搜索引擎都已經將用戶訪問網站的跳出率、訪問時長、訪問深度等作為了網站排名依據之一,所以我們實例操作中也應該人性化的為用戶做考慮,彈窗等影響視聽的內容最好少出現。
           
            五:新手零基礎做網站seo的細節說明。
           
            1、主機:確保國內備案機或非備案主機頁面打開速度。現國內的主機基本只要網站本身不過多的加載文件,打開頁面的速度,都非常的快;國外非備案主機,有些服務商的主機就有待商榷,剛開始很好,慢慢就影響了,所以此方面謹慎。起步時,不要過多的放置廣告占用比例不大的框架。
           
            2、標題:簡單,突出重點即可,不宜超過28字;網站描述、關鍵詞,如今不能與往日相比了,設置即可,關鍵詞放4個就可以,描述不宜超過50字。
           
            3、Meta標簽:在頁面的頂部顯示,有些下載的源碼模板在這方面可能會有過時或錯誤的現象,不懂不會的把它全文復制,去搜索,就會得到結果。
           
            4、屬性:rel="nofollow"放置在鏈接上,防止權重導向,且不被搜索索引,用于不重要的頁面鏈接上,也可用于外部鏈接;
           
            title="說明"在鏈接中加入會增加重點說明,也可以與Alt="圖像標識"配合使用,
           
            Alt="圖像標識"會增加搜索引擎對圖片的死別,增加權重值;
           
            內文鏈接適當的增加target="_blank"屬性,外部鏈接則給予此屬性,在新的頁面打開,這樣做不會導致流量流失;
           
            robots.txt設置不需要收錄的低質量頁面,做好404錯誤頁的引導;
           
            而這些都可以在其它優秀的網站查看,在瀏覽器,點右鼠標,查看源碼即可。
           
            5、鏈接:友情鏈接的相互作用很重要,一個優質的友情鏈接,比你發很多的外鏈都有用的多。
           
            6、頁面布局:以樹形狀分散,主體-枝干-葉,以首頁-分類-內容,顯示層次;主要內容鏈接不要超過2個層,如主域名/分類/頁面.html,如本文的鏈接為:https://www.seodt.com/seojishu/224.html;鏈接以靜態鏈接顯示:/頁面.html,不宜使用動態/*?*鏈接顯示,可以使用偽靜態即可。
           
            7、外鏈:早先有一個口號“內容為王,外鏈為皇”,外鏈多了真的很牛,現在就把它當做一個推廣在做,不要一次強求太多,循經循環的步驟進行,忽多忽少會引起被K。
           
            8、內容:內容為王,才是王道,有了內容,可以更好的吸引用戶流量的持續關注,也能增加搜索引擎的信賴增加權重值。
           
            燈塔seo點評:
           
            新手做seo會走彎路是一個普遍的問題,具體怎么做好seo是更深刻的問題,坊間普遍流傳著一個說法:seo太簡單了,我想問問提出這類觀點的朋友,如果簡單,就做幾個牛b的網站讓大家看看。
           

                           作者  新手如何做seo   ·  來源  新手怎么做seo

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

          日歷

          鏈接

          個人資料

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

          存檔

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