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

          首頁

          我們對2021年的用戶體驗有何期待?

          ui設計分享達人

          用戶體驗設計是一個動態領域,每年都會為我們帶來新的趨勢,最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數字世界和現實世界之間的互動方式發生了突然的變化。人們不僅開始在網上花費更多的時間;他們的思考方式和表現方式也發生了不同。

          本文主要闡述2021用戶體驗的趨勢,我們相信這將在新的一年里占據主導地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。


          語音介面

          我們在2020年UX狀態預測中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設計中最熱門的趨勢之一??梢钥隙ǖ卣f,明年不應忽略它。

          毫無疑問,到2021年,語音聊天機器人和虛擬助手將繼續流行。用戶在數字體驗方面一直在尋求簡單性和效率。市場需求,高期望值以及人工智能技術的迅速發展使品牌別無選擇,只能在其產品中包含基于語音的功能。

          已經有許多企業為廣泛的VUI實施奠定了基礎。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機器人。其目標是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。



          簡約的UI

          極簡主義可能是當今視覺設計中最明顯的趨勢之一。用戶正在體驗越來越多的網站所有者想要傳遞的關鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉化網站訪問者,但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設計應運而生的地方。

          但是,“極簡主義”并不意味著“沉悶”或“原始”。意思是“優雅”和“高效”。盡管必須使用數量有限的顏色,設計元素和明亮的組合,但UX設計人員仍然有很大的發揮空間。此外,元素的功能最為重要,正確突出產品功能并傳達正確信息的能力需要大量的創造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




          內容,消息和導航的清晰度是UX設計的簡約方法的另一個重要方面。信息過載對于大多數現代用戶來說是一個痛苦,這意味著網站所有者應努力使自己的UX文字簡潔明了。


          負空間

          負空間是用戶體驗設計的一種大趨勢,它已經脫離了對簡約UI的市場需求。簡而言之,負空間是頁面布局中對象周圍(宏空間)或對象內部(微空間)的空白區域。它已經成為獨立的設計元素,在視覺美學和用戶體驗優化中起著至關重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創建的網站就是很好的例子。






          留出一定的空間,在設計中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負空間的主要功能是整理網頁,以吸引用戶對關鍵對象和消息的注意。建立清晰的內容層次結構有助于UX設計人員將用戶的注意力吸引到最重要的內容上。




          負空間有時也稱為“空白區域”或“留白區域”。所有這些術語都是可以互換的。當區域中沒有元素時,您還可以在深色模式或任何其他顏色下使用此用戶體驗趨勢。

          不完美的元素

          在發生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設計以相關方式反映了缺陷。為了使品牌的數字化形象更具關聯性,設計師有意在版面設計中實現了一些“缺陷”。 它可以是任何東西,從手繪對象到構圖或頁面的不尋常元素。







          通常,不完美的設計可以很好地證明品牌的身份并突出其獨特性。但是,如果要應用這種UX趨勢,則必須記住一個關鍵規則:必須保持平衡。如果你做得過多,那是行不通的。



          同態

          中性風格是UI設計中其他兩種大規模方法(擬態和平面設計)的組合,它們通常被認為彼此相對。擬態化是關于模仿現實世界中的物體以及我們與物體交互的方式。

          幾十年前,當需要使用超現實元素來創建直觀且用戶友好的UI時,它很流行。垃圾桶就是例子之一。另一方面,平面設計是一個更新的,簡化的概念,圍繞二維元素,極簡主義和鮮艷的色彩。

          同質性兼顧了兩者的優點。它使用圖形強度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對象,而不是精確地重新創建它們。中性風格不會將現實主義推到極致。取而代之的是,它努力實現淺色和微妙對比度的“柔和”外觀。



          在過去大約一年的時間里,同質化一直是UI / UX專業人員中討論最多的主題之一。盡管仍然沒有很多真正的數字產品的用戶界面遵循這種方法,但許多設計人員對該概念感到興奮。像Behance和Dribbble這樣的專業平臺已經包含了許多同態的例子。因此,我們有充分的理由相信,這一趨勢最終將在2021年出現在我們的手機和筆記本電腦中。



          3D元素和視差

          視差效果和3D元素并不是UX設計中的全新內容。我們已經看到了如何在許多Web設計解決方案中實現它們。但是,我們仍然觀察到這些用戶體驗趨勢正在逐步普及。

          首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網絡上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時尚和電子商務品牌的網站和應用上。




          另一種趨勢是嘗試在一個界面中結合視差效果和3D圖形。使用視差滾動時,網頁背景和前景元素以不同的速度移動。僅憑它就能產生深度感。通過為此添加3D對象,您可以創建一種真正的身臨其境的體驗,并將在用戶的記憶中保留很長時間。


           



            

          不對稱

          隨著我們設備屏幕的變寬,UI / UX設計中出現了不對稱趨勢。通常,不對稱是野獸派的一種屬性,這是藝術和網頁設計中與極簡主義相反的一種風格。但是,如果與其他殘酷的設計元素分開使用,它可以使您的網站看起來有趣,同時使它保持微妙和優雅。


          不對稱布局的UI / UX趨勢通常與其他創造性的Web設計技術一起實現,例如破碎的網格,重疊的元素和分割的屏幕。您也可以將不對稱性應用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




          但是,請務必記住,非對稱設計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應該引導用戶的眼睛朝正確的方向前進,并幫助品牌強調重要信息。

          動畫制作

          今天,當我們在互聯網上進入隨機網站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運動設計元素。動畫在用戶體驗設計中仍然很流行,并且使用頻率不斷增長。

          除了具有視覺吸引力之外,移動物體還可以改善用戶參與度并簡化導航。他們還可以為數字產品或服務注入生命,使它們更具個性。



          如果要在用戶界面設計中使用這種軟件開發趨勢,那么明智地執行此操作至關重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑,從而促使他們甚至比計劃的要早離開網頁。動畫元素也不應使用戶界面不必要地復雜。它們始終必須是相關的,有價值的和平穩的。

          信息架構

          信息體系結構是在頁面上組織和構造不同內容的方式。它是以用戶為中心的設計(UCD)的基本要素,旨在使用戶的數字環境更加舒適。與用戶研究和可用性測試一起,構建有效,有用且一致的信息體系結構是UCD流程的必不可少的階段。



          為了創建一個實用的信息體系結構,UX設計人員需要對產品的目標受眾,其行為以及使用數字解決方案的原因有深入的了解。用戶應該無需花費太多精力就能獲得所需的結果。因此,在設計過程的線框階段始終必須考慮用戶的目標,清晰的導航和內容表示(包括盲點監視)。

          最后的想法

          我們創建此文章是為了讓您在當今競爭異常激烈的數字世界中站穩腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網站的用戶體驗。即使用戶期望很高,它們也可以使您的產品在視覺上對目標受眾更具吸引力。


          文章來源:站酷   作者:ZZiUP

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


          我們對2021年的用戶體驗有何期待?

          ui設計分享達人

          用戶體驗設計是一個動態領域,每年都會為我們帶來新的趨勢,最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數字世界和現實世界之間的互動方式發生了突然的變化。人們不僅開始在網上花費更多的時間;他們的思考方式和表現方式也發生了不同。

          本文主要闡述2021用戶體驗的趨勢,我們相信這將在新的一年里占據主導地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。


          語音介面

          我們在2020年UX狀態預測中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設計中最熱門的趨勢之一??梢钥隙ǖ卣f,明年不應忽略它。

          毫無疑問,到2021年,語音聊天機器人和虛擬助手將繼續流行。用戶在數字體驗方面一直在尋求簡單性和效率。市場需求,高期望值以及人工智能技術的迅速發展使品牌別無選擇,只能在其產品中包含基于語音的功能。

          已經有許多企業為廣泛的VUI實施奠定了基礎。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機器人。其目標是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。



          簡約的UI

          極簡主義可能是當今視覺設計中最明顯的趨勢之一。用戶正在體驗越來越多的網站所有者想要傳遞的關鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉化網站訪問者,但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設計應運而生的地方。

          但是,“極簡主義”并不意味著“沉悶”或“原始”。意思是“優雅”和“高效”。盡管必須使用數量有限的顏色,設計元素和明亮的組合,但UX設計人員仍然有很大的發揮空間。此外,元素的功能最為重要,正確突出產品功能并傳達正確信息的能力需要大量的創造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




          內容,消息和導航的清晰度是UX設計的簡約方法的另一個重要方面。信息過載對于大多數現代用戶來說是一個痛苦,這意味著網站所有者應努力使自己的UX文字簡潔明了。


          負空間

          負空間是用戶體驗設計的一種大趨勢,它已經脫離了對簡約UI的市場需求。簡而言之,負空間是頁面布局中對象周圍(宏空間)或對象內部(微空間)的空白區域。它已經成為獨立的設計元素,在視覺美學和用戶體驗優化中起著至關重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創建的網站就是很好的例子。






          留出一定的空間,在設計中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負空間的主要功能是整理網頁,以吸引用戶對關鍵對象和消息的注意。建立清晰的內容層次結構有助于UX設計人員將用戶的注意力吸引到最重要的內容上。




          負空間有時也稱為“空白區域”或“留白區域”。所有這些術語都是可以互換的。當區域中沒有元素時,您還可以在深色模式或任何其他顏色下使用此用戶體驗趨勢。

          不完美的元素

          在發生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設計以相關方式反映了缺陷。為了使品牌的數字化形象更具關聯性,設計師有意在版面設計中實現了一些“缺陷”。 它可以是任何東西,從手繪對象到構圖或頁面的不尋常元素。







          通常,不完美的設計可以很好地證明品牌的身份并突出其獨特性。但是,如果要應用這種UX趨勢,則必須記住一個關鍵規則:必須保持平衡。如果你做得過多,那是行不通的。



          同態

          中性風格是UI設計中其他兩種大規模方法(擬態和平面設計)的組合,它們通常被認為彼此相對。擬態化是關于模仿現實世界中的物體以及我們與物體交互的方式。

          幾十年前,當需要使用超現實元素來創建直觀且用戶友好的UI時,它很流行。垃圾桶就是例子之一。另一方面,平面設計是一個更新的,簡化的概念,圍繞二維元素,極簡主義和鮮艷的色彩。

          同質性兼顧了兩者的優點。它使用圖形強度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對象,而不是精確地重新創建它們。中性風格不會將現實主義推到極致。取而代之的是,它努力實現淺色和微妙對比度的“柔和”外觀。



          在過去大約一年的時間里,同質化一直是UI / UX專業人員中討論最多的主題之一。盡管仍然沒有很多真正的數字產品的用戶界面遵循這種方法,但許多設計人員對該概念感到興奮。像Behance和Dribbble這樣的專業平臺已經包含了許多同態的例子。因此,我們有充分的理由相信,這一趨勢最終將在2021年出現在我們的手機和筆記本電腦中。



          3D元素和視差

          視差效果和3D元素并不是UX設計中的全新內容。我們已經看到了如何在許多Web設計解決方案中實現它們。但是,我們仍然觀察到這些用戶體驗趨勢正在逐步普及。

          首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網絡上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時尚和電子商務品牌的網站和應用上。




          另一種趨勢是嘗試在一個界面中結合視差效果和3D圖形。使用視差滾動時,網頁背景和前景元素以不同的速度移動。僅憑它就能產生深度感。通過為此添加3D對象,您可以創建一種真正的身臨其境的體驗,并將在用戶的記憶中保留很長時間。


           



            

          不對稱

          隨著我們設備屏幕的變寬,UI / UX設計中出現了不對稱趨勢。通常,不對稱是野獸派的一種屬性,這是藝術和網頁設計中與極簡主義相反的一種風格。但是,如果與其他殘酷的設計元素分開使用,它可以使您的網站看起來有趣,同時使它保持微妙和優雅。


          不對稱布局的UI / UX趨勢通常與其他創造性的Web設計技術一起實現,例如破碎的網格,重疊的元素和分割的屏幕。您也可以將不對稱性應用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




          但是,請務必記住,非對稱設計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應該引導用戶的眼睛朝正確的方向前進,并幫助品牌強調重要信息。

          動畫制作

          今天,當我們在互聯網上進入隨機網站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運動設計元素。動畫在用戶體驗設計中仍然很流行,并且使用頻率不斷增長。

          除了具有視覺吸引力之外,移動物體還可以改善用戶參與度并簡化導航。他們還可以為數字產品或服務注入生命,使它們更具個性。



          如果要在用戶界面設計中使用這種軟件開發趨勢,那么明智地執行此操作至關重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑,從而促使他們甚至比計劃的要早離開網頁。動畫元素也不應使用戶界面不必要地復雜。它們始終必須是相關的,有價值的和平穩的。

          信息架構

          信息體系結構是在頁面上組織和構造不同內容的方式。它是以用戶為中心的設計(UCD)的基本要素,旨在使用戶的數字環境更加舒適。與用戶研究和可用性測試一起,構建有效,有用且一致的信息體系結構是UCD流程的必不可少的階段。



          為了創建一個實用的信息體系結構,UX設計人員需要對產品的目標受眾,其行為以及使用數字解決方案的原因有深入的了解。用戶應該無需花費太多精力就能獲得所需的結果。因此,在設計過程的線框階段始終必須考慮用戶的目標,清晰的導航和內容表示(包括盲點監視)。

          最后的想法

          我們創建此文章是為了讓您在當今競爭異常激烈的數字世界中站穩腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網站的用戶體驗。即使用戶期望很高,它們也可以使您的產品在視覺上對目標受眾更具吸引力。

          文章來源:站酷   作者:ZZiUP

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

          你的屏幕「太黑了」!深色模式到底怎么用?

          ui設計分享達人

          深色模式并不萬能 


          從移動屏幕到大型電視,深色的UI界面隨處可見。深色模式可以表達力量、奢華、精致和優雅,但這種設計模式也會帶來很多挑戰,應用不當難免會被用戶吐槽。所以開始設計前,大家最好深色熟慮下,是否真的需要做深色。


          物理學家說,黑色并不是一種真正的顏色,它沒有光。艾薩克·牛頓爵士在通過棱鏡照耀陽光的實驗中,甚至沒有將黑色包含在顏色光譜中。


          在色彩心理學中,大多數色彩代表不同的人、不同的事物。西方文化里,黑色常與死亡、神秘和邪惡聯系在一起;綠色與生長、自然相關;藍色可以使人平靜,因為它讓人聯想到天空和水,所以,顏色是飽含情感的。其他影響還來自文化,例如紫色仍與奢侈品聯系在一起,在許多古代文化中,紫色是昂貴稀有的,只有貴族才能負擔得起。


          深色界面的數字產品,是未來發展的一大趨勢。人們常說,這種模式可以減輕眼睛疲勞,但并沒有相關證據表明是真的。在某些情況下,它還代表著節省電池壽命,也是一種美學意義上的選擇。



          深色模式應用限制

          并非所有界面都適合深色主題。設計師應考慮品牌契合度、文化適應性和顏色心理學,在選擇搭配時考慮情感影響,雖然這些因素不容易平衡。針對千禧一代的金融類應用程序,可能會用深色模式營造炫酷的效果,但對于以大眾作為目標人群的銀行網站就不太合適了。當用戶想要查看自己的余額與支付賬單時,太黑暗、太時髦都會顯得華麗不實用。


          B2B SaaS應用程序的深色模式很難設計,標準的Web UI組件(例如數據表、窗口小部件、表單和下拉菜單)在深色界面中看起來可能很奇怪。由于許多配色方案不適用于深色界面,對于某些品牌和產品來說,深色模式并不是最優選擇。


          從未接觸過深色模式的設計師,如果想要搭建一個深色界面,不妨參照以下條件,先來判斷下是否需要,什么情況下建議使用深色模式?

          -當設計版面相對稀疏,極簡型的內容比較少時;

          -適用于連貫呈現的內容,例如夜間娛樂應用程序;

          -想要創造醒目的戲劇性外觀時。


          以下這些情況下不建議使用深色模式:

          -出現大量文本時(在深色背景上閱讀相對困難);

          -當設計需要多種顏色時。


          深色模式下的桌面應用信息中心 by Ramotion 


          在深色模式中形成對比

          深色模式并不非要設計成黑色的,你可以將它理解為是一種「低光」模式。設計的核心點之一,就是表達出足夠的對比度,這樣視覺元素就會被分離開,且文本也會變得清晰易讀。大多數設計師認為多用黑色,是獲得強烈對比度的最佳選擇。我的建議是,最好不要將純黑色(#000000)用于背景或者盡量少用,把它留給其他UI元素,比如較小的圖形或邊框性質類的圖形。


          Google的Material Design深色模式,推薦使用深灰色(#121212)作為界面主色,目的是為了表達出更有深度的空間感。在定義配色方案時,往深灰中添加一些微妙的深藍色,可以讓數字產品的界面擁有更好的深色調性。


          Brittany Chiang網站將深灰色與藍色融合,形成了令人愉悅的深色模式


          使用灰色的優點在于,它給了設計師更多發揮的空間,去表達更廣泛的顏色。灰色調同深藍色有同樣功能,幫助畫面更有深度,也更輕松地看到元素陰影。


          需要特別注意深色模式中的文本對比,網頁內容可訪問性指南(WCAG)要求——「文本的視覺呈現對比度,至少應為4.5:1」,大型文本的對比度至少在3:1。設計師需要確保文字內容在黑暗模式下能夠清晰可辨認。


          另外,測試其他UI元素(例如卡片、按鈕、字段和各種顯示器上的圖標)之間的對比也是一個好辦法。如果UI元素之間沒有突出的對比,那么設計就需要調整下了,枯燥無味的設計對于用戶來說也是一種折磨。


          左側的深色模式中,文本和背景之間的對比明顯不足


          重點注意一:配色

          顏色在深色模式中非常突出,最好使用淺色、飽和度低的配色方案,避免過于刺激視覺。顏色與文本一起使用時,需要參照WCAG的AA標準,至少4.5:1。Google建議顏色數量不必太多,使界面都處于深色中。


          Jabra Sound +應用程序只給深色模式配色選擇了2-3種顏色


          適宜的配色方案能營造出非常好的對比效果。Colorable在線工具,只要輸入色號就能看到文本和背景色組合在一起是否合適;Google的Material Design網站上也有一個調色板生成器,設計師可以使用它創建調色板,應用到UI上。


          文字和基本元素(例如按鈕和圖標)在深色背景上顯示時應符合易讀性標準。如上面的Jabra Sound +應用程序所示,文本和圖標可以使用白色以外的顏色進行搭配。


          “使用強烈對比色來提高可讀性。人們對于顏色的感知會受到許多因素影響,包括字號、字重、顏色亮度、屏幕分辨率和照明條件。” ——Apple人機界面指南


          深色模式并不需要大量顏色來堆砌


          重點注意二:利用負空間,少即是多

          成功的深色模式設計,需要巧妙利用負空間。如果設計不當,會使數字產品顯得笨拙與沉重。為了平衡這一點,設計師可以利用極簡主義中的負空間,讓深色界面更輕巧,也能讓用戶更容易識別信息內容。


          UI元素周圍的大量負空間使界面被重新定義,而且元素也不會出現密集與混亂感。如果沒有呼吸空間,用戶在閱讀界面時,可能很快的略過,因為大腦沒有快速的識別出重要內容。


          充斥著太多元素和文本的界面,是導致深色模式體驗差的禍根。設計師需要仔細考慮深色模式中的視覺層次結構,從而提升用戶體驗。


          極簡主義的深色模式界面 by Denys Tyrynskyi


          重點注意三:版式

          深色模式中的每一段文字都需要仔細檢查,更需要關注2個方面——可讀性和對比性。首先,界面中的文本必須足夠大,以確保清晰易讀(深色背景上的小文字,閱讀起來體驗很差);其次,文本和背景之間必須有明顯的對比。設計師可以通過增加對比度,為較小的文本調整字體大小、字符間距和行高,去優化可讀性問題。


          W3C AAA建議常規尺寸的文本(如果不是粗體,則小于18pt)的對比度至少應為7:1。這也適用于其他UI元素——圖標、文本圖像和文本標簽(按鈕標簽),設計師有責任確保所有人都能正確應用界面。


          深色模式中應用優秀字體很有必要,像Google字體和字體庫,以及Adobe Typekit都能提供便捷的設計支持。


          AirPods Pro頁面使用超大字體和強烈的對比,以達到最好的效果


          重點注意四:空間深度感

          深色模式不應該是平淡的,在正常明亮模式下,元素的高光或是陰影都會讓界面產生深度感。而深色界面更具挑戰性,建議設計師可以使用類似3-4多個層面,以及相應的配色方案來傳達深度感。


          為什么要有深度?深度感是與物理世界的一種呼應。我們的視覺有深度感知的能力,因為人們是生活在3D世界中的。表面的照明方式不同,以表示不同的海拔高度。位置越高,越接近隱式光源,表面就越亮。一個非常亮的表面,更容易區分組件之間的高度,還有助于查看陰影,使每個表面的邊緣線更明顯。


          表面越亮,越接近隱藏光源 by Material Design


          設置每個級別的表面顏色需要小心,建議不要超過4或5個級別,最好在設計系統中將元素的文本顏色指定為純黑色(#000000),以在淺灰色背景上實現良好的對比度。


          深色模式設計啟發

          基于上述原則,以下是一些優秀的深色模式示例:


          The Atom Finance website


          Atom Finance利用深色模式打造了精致外觀,并將其強調色限制為3種。復雜的金融網站采用了極簡設計,而且很好地使用了陰影來表現不同組件的深度感。


          電子商務網站 by Daniel Klopper


          電子商務網站 by Darion Mitchell


          IBM儀表板 by Ruben Fernandez


          盡管處理SaaS的深色模式遇到了挑戰,但IBM的數據可視化儀表板仍是典范。強調色的數量最少,并且該網站使用細微的陰影顯示不同元素的深度。


          Wego,Spotify和Apple的深色模式APP(Android和iOS)


          使用深色模式固然好,但需要依據實際產品屬性來判斷,不應出于時髦、流行甚至是與眾不同或模仿他人等因素確定。設計者應有充分的選擇依據,并考慮其內容、使用環境以及顯示設備是否適合來最終敲定。


          深色模式適用于一些數字產品,而非所有產品,界面簡潔非常關鍵。對于復雜且數據繁重的B2B平臺,以及文本繁多的頁面,深色模式都是不適合的。對于從情感和美學角度去探索深色模式的設計師來說,他們開辟了一個新的領域。

          文章來源:站酷   作者:UX辭典

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


          區塊鏈學習總結

          前端達人

          區塊鏈學習總結

          區塊鏈
          區塊鏈(Blockchain)是指通過去中心化和去信任的方式集體維護一個可靠數據庫的技術方案。該技術方案讓參與系統中的任意多個節點,把一段時間系統內全部事務通過密碼學算法計算并記錄到一個數據塊(block),生成該數據塊的hash用于鏈接下個數據塊,系統所有參與節點來共同檢驗記錄是否為真,并且每個區塊的內容都由后續子鏈上的區塊來保證其內容不可被篡改。 各個參與節點可以在新區塊產生確認及獎勵分配上達成共識,從而逐漸形成的一個龐大、去中心化的公開賬本。

          01 對比特幣的認識
          2008年,中本聰(Satoshi Nakamoto)發表了一篇題為“比特幣:一種點對點的電子現金系統”的論文描述了比特幣的模式。
          新區塊的創造過程是一個區塊創造權的競爭的過程,即通過工作量證明來選定新區塊的創造者。在任何一個特定的時間點上,整個區塊鏈系統范圍內的,所有競爭者在同時開始,共同針對同一特定新候選區塊進行哈希運算比賽。獲勝的條件是最先算出符合該特定新候選區塊要求的哈希值。獲勝的(只能有一個獲勝者)獎勵是伴隨該新區塊一起發行的全部新比特幣。當一個新區塊被創造出來了,所有的競爭者馬上重新開始進行對下一個區塊創造權的競爭。
          新區塊的創造速度大概是10分鐘一塊。
          比特幣的存儲依靠的就是分布式賬本技術。比特幣就是一串數據代碼。所有的比特幣就是記錄于區塊鏈中各自對應的區塊內,然后分布式存放于比特幣系統的各個節點上。比特幣區塊鏈就像是一個由比特幣系統所有的節點共享的統一電子賬本。
          比特幣的使用就是比特幣的交易,也就是比特幣所有權的轉換。比特幣的使用主要是通過加密技術來實現的
          02 對以太坊的認識
          以太坊是一個具有智能合約功能的開放區塊鏈平臺,使開發人員能夠建立和發布各種分布式應用。通過在以太坊上編程建立各種分布式應用可以解決諸如:投票、域名、金融交易、眾籌、公司管理、合約、知識產權、硬件集成的智能資產等等各方面問題。
          以太坊,與比特幣區塊鏈技術一樣,使用激勵驅動的安全模式。共識達成基于選擇具有最高總難度的區塊。礦工創建區塊,其他人檢測有效性。
          以太幣是于2015年7月30日開始發行的。類似于比特幣,以太幣的發行方式也是采用工作量證明機制(POW)。通過工作量證明機制,以太坊每年發行15,626,576枚以太幣。以太坊計劃于2017年末將以太幣的發行方式改為權益證明機制(POS)。屆時,每年的新發行的以太幣數量為1000萬枚。以太幣的總發行量是沒有上限的。

          以太坊是通過在比特幣區塊鏈系統基礎上進行修改和創新而產生的。以太坊本質上就是:區塊鏈+智能合約
          (1) 什么是以太坊虛擬機
          同比特幣區塊鏈系統不同,以太坊設計了以太坊虛擬機(EVM)專門用來運行智能合約。太坊虛擬機是一個同網絡,文件系統或者其他操作過程隔絕開來的封裝起來的計算機代碼運行環境.

          (2)以太坊的賬戶
          以太坊的基礎單元是賬戶. 這些賬戶可以通過消息傳遞來發生互動變化。每個賬戶都有一個與之關聯的狀態和一個20字節的地址。所有價值和信息的轉移都體現為賬戶狀況的變化.以太坊區塊鏈通過控制所有賬戶的變化實現其各種功能.
          以太坊有兩類賬戶: 外部賬戶和合約賬戶,他們被存放于同一地址空間上.外部賬戶是由人類用戶通過對應的公私鑰來掌控。而合約賬戶則是由被存儲在其內部的代碼掌控。智能合約指的是合約賬戶中的那些對被發送來的交易進行自動處理的程序代碼。用戶可以通過在區塊鏈中存儲程序代碼來創建新的智能合約。
          以太坊賬戶狀態的變化就是指以太坊賬戶組成成分發生的變化。以太坊賬戶含有四個組成部分:
          (1) 序號(nonce):如果賬戶是一個外部擁有賬戶,nonce代表從此賬戶地址發送的交易序號。如果賬戶是一個合約賬戶,nonce代表此賬戶創建的合約序號。
          (2) 余額(balance): 此地址擁有Wei的數量。
          (3) Merkle 樹根的哈希值: Merkle樹會將此賬戶存儲內容的哈希值進行編碼,默認值是空值。
          (4) 代碼哈希值:此賬戶太坊虛擬機內的代碼的哈希值。對于合約賬戶,就是被哈希的代碼并作為代碼哈希值保存起來。對于外部賬戶,代碼哈希值是一個空字符串的哈希值。
          (3)以太坊的交易和交易費用
          太坊區塊鏈系統只有兩種類型的交易:合約創建和消息通信。
          以太坊所有的交易都是在外部賬戶觸動下發生的.合約賬戶不會自發地產生任何行動. 只有當外部賬戶發出交易時,合約賬戶才會執行相應的操作。以太坊通過規定節點必須與運算結果保持一致,從而保證智能合約嚴格確定執行。
          在以太坊中一個重要的概念就是費用(fees). 發生在以太坊區塊鏈系統內的交易而產生的每一次計算都會要求相應的費用。這個費用是以”gas”的來支付。gas就是用來衡量在一個具體計算中要求的費用單位。gas 價格(gas price)就是你愿意在每個gas花費ETH的數量,以“gwei”進行衡量?!癢ei”是ETH的最小單位,1ETH表示10^18Wei. 1gwei是1,000,000,000 Wei。
          發生交易時,交易發送者先設置gas limit和gas price。gas limit和gas price就代表著發送者愿意為執行交易支付的Wei的最大值。以太坊用戶必須向以太坊區塊鏈系統支付少量交易費用。交易的發送者必須在激活的合約賬戶的每一步為所有的運算和數據存儲付費。如果在他們的賬戶余額中有足夠的Ether來支付這個最大值費用,那么就沒問題。在交易結束時任何未使用的gas都會被返回給發送者,以原始費率兌換。費用通過以太坊Gas結算,以太幣的形式支付的。這樣可以幫助太坊區塊鏈系統避免被濫用或被惡意攻擊.
          交易費用由節點收集,節點在以太坊網絡中完成收集、傳播、確認和執行交易的工作。礦工們將交易活動分組:交易記錄(以太坊區塊鏈中賬戶狀態的更新)被分組存放在區塊中;節點通過互相競爭決定添加權;獲得添加權的節點將新的區塊添加到區塊鏈的上。獲得添加權的節點會得到以太幣獎勵,通過這些獎勵激勵節點為以太坊區塊鏈系統貢獻硬件和電力。
          (4)以太坊的狀態變化機制
          第一步,檢查交易的格式是否正確(即有正確數值)、簽名是否有效和隨機數是否與發送者賬戶的隨機數匹配。如否,返回錯誤。
          第二步,計算交易費用,并從簽名中確定發送者的地址。從發送者的賬戶中減去交易費用和增加發送者的隨機數。如果賬戶余額不足,返回錯誤。
          第三步,設定初值GAS = STARTGAS,并根據交易中的字節數減去一定量的Gas值。
          第四步,從發送者的賬戶轉移價值到接收者賬戶。如果接收賬戶還不存在,創建此賬戶。如果接收賬戶是一個合約,運行合約的代碼,直到代碼運行結束或者燃料用完。
          第五步,如果因為發送者賬戶沒有足夠的錢或者代碼執行耗盡燃料導致價值轉移失敗,恢復原來的狀態,但是還需要支付交易費用,交易費用加至礦工賬戶。
          第六步,否則,將所有剩余的燃料歸還給發送者,消耗掉的燃料作為交易費用發送給礦工。

          03 **對Hyperledger的認識
          04 了解其他那些區塊鏈項目 Corda EOS
          05 公鏈、聯盟鏈、私鏈的區別
          中本聰巧妙地將以下幾個成熟的技術和理論組合的一起,并以此為基礎構建區塊鏈技術:
          基于去中心化的分布式算法而建立起點對點對等(P2P)網絡。
          基于非對稱加密算法。
          基于分布式一致性算法,解決了分布式場景下的拜占庭將軍問題。
          基于博弈論而精心設計的獎勵機制,實現了納什均衡,確保整個系統的安全和穩定運行。
          如果同時具有上述四點要素,可以認為這是一種公共區塊鏈技術,簡稱公有鏈。如果只具有前三點要素,將其稱為私有區塊鏈技術,簡稱私有鏈。而聯盟鏈則介于兩者之間,可視為聯盟成員內的一種私有鏈。這里主要介紹公有鏈和私有鏈。

          公鏈是指全世界任何人都可讀取的、任何人都能發送事務且能獲得有效確認的、任何人都能參與共識過程的區塊鏈。共識過程決定哪個區塊可被添加到區塊鏈中和明確當前狀態。作為中心化或者準中心化信任的替代物,公有鏈的安全由加密數字經濟維護。加密數字經濟采取工作量證明機制或權益證明機制等方式,將經濟獎勵和加密數字驗證結合了起來,并遵循著一般原則:每個人從中可獲得的經濟獎勵,與對共識過程作出的貢獻成正比。這些區塊鏈通常被認為是完全去中心化的。
          私有鏈是指其寫入權限僅在一個組織手里的區塊鏈。讀取權限或者對外開放,或者被限制。相關的應用囊括數據庫管理、審計、甚至一個公司,盡管在有些情況下希望它能有公共的可審計性,但在很多的情形下,公共的可讀性并非是必須的。

          私有鏈相比于公有鏈的優點:

          事務的效率更高:比特幣區塊鏈目前每秒可完成7筆事務,而私有鏈目前最高可以到每秒10萬筆,并且還有提高的空間。顯然后者更適應現實世界金融事務的需求。
          事務可以回滾:這點對于中心化機構也很重要,在某些情況下,某些事務會因為錯誤或法律的問題而被要求修改、撤銷。
          事務費用更低:目前公有鏈的事務費用是每筆0.10美元,而且隨著時間流逝幣值趨于增長,導致事務費用也在增長。而私有鏈的事務費用將會降低一到兩個數量級。
          仍然是基于分布式網絡,保留了分布式記賬系統的優點。
          提供了更好的隱私保護:公有區塊鏈因為其透明共享總賬本的設計,本身不提供隱私保護功能。而私有鏈可以對讀取權限進行限制,從而提供更好的隱私保護。
          驗證者是公開透明的,不存在一些礦工出于共謀原因而致的51%攻擊風險。
          節點可以很好地連接:節點互相可以很好地連接,故障可以迅速通過人工干預來修復,并允許使用共識算法減少區塊時間,從而更快完成事務。

          私有鏈的缺點:

          違背了區塊鏈去中心化的本質,重新引入了若干“信任節點”;

          其參與者需要經過審核和驗證,從而嚴格限制了其規模,其安全性容易受到威脅。因此,私有區塊鏈更適合為傳統機構所用。

          公有鏈的優點:

          保護用戶:免受開發者的影響——在公共區塊鏈中的用戶更多、更廣泛,程序開發者無權干涉
          用戶的使用方式。反過來說,區塊鏈可以保護使用這些程序的用戶。
          網絡規模效應——公共區塊鏈是開放的,因此有可能被許多外界用戶使用和產生一定的網絡效應。而在公有鏈上運行的應用越多,節點越多,那么該區塊鏈條也會越可信。
          因此使用公有鏈,還是私有鏈,完全根據需求而定。

          06 了解哪些共識算法
          07 說說最熟悉的共識算法
          08 看過哪些書
          09 以太坊智能合約
          10 拜占庭問題
          在互聯網大背景下,當需要與不熟悉的對方進行價值交換活動時,人們如何才能防止不會被其中的惡意破壞者欺騙、迷惑從而作出錯誤的決策。進一步將“拜占庭將軍問題”延伸到技術領域中來,其內涵可概括為:在缺少可信任的中央節點和可信任的通道的情況下,分布在網絡中的各個節點應如何達成共識
          11 51%算力攻擊
          在比特幣網絡中,采用PoW共識機制來解決如何獲得記賬權的問題,采用“最長鏈共識”解決如何記賬的問題。
          所謂51%的攻擊,就是利用比特幣網絡采用PoW競爭記賬權和“最長鏈共識”的特點,使用算力優勢生成一條更長的鏈“回滾”已經發生的“交易行為”。
          51%是指算力占全網算力的51%,比特幣網絡需要通過哈希碰撞來匹配隨機數從而獲得記賬權,算力衡量的是一臺計算機每秒鐘能進行哈希碰撞的次數。
          算力越高,意味著每秒鐘能進行越多次的哈希碰撞,即獲得記賬權的幾率越高。
          在理論上,如果掌握了50%以上的算力,就擁有了獲得記賬權的絕對優勢,可以更快地生成區塊,也擁有了篡改區塊鏈數據的權利。
          實際上,當惡意攻擊者持有比特幣全網占比比較高的算力時,即使尚未達到51%的比例,也可以制造相應的攻擊,比較典型的就是雙花問題。
          12 Sybil攻擊
          在對等網絡中,但節點通常具有多個身份標識,通過控制系統的大部分節點來消弱冗余備份的作用
          13 Eclipse攻擊
          Eclipse攻擊是一種網絡級的攻擊,攻擊者模仿所有其他節點的入流量和出流量,達到將受害者與網絡上的其他節點隔離的目的。這種攻擊意味著通過讓最新的區塊信息不能到達節點來達到隔離節點的目的。事實上,比特幣網絡也易受到eclipse攻擊。但在以太坊網絡上,兩個節點就足以發起eclipse攻擊。
          14 DDoS攻擊
          是指處于不同位置的多個攻擊者同時向一個或數個目標發動攻擊,或者一個攻擊者控制了位于不同位置的多臺機器并利用這些機器對受害者同時實施攻擊。由于攻擊的發出點是分布在不同地方的,這類攻擊稱為分布式拒絕服務攻擊,其中的攻擊者可以有多個。
          15 Merkle Tree數據結構
          A、Merkle樹結構
          由一個根節點(root)、一組中間節點和一組葉節點(leaf)組成。葉節點(leaf)包含存儲數據或其哈希值,中間節點是它的兩個孩子節點內容的哈希值,根節點也是由它的兩個子節點內容的哈希值組成。所以Merkle樹也稱哈希樹。
          B、哈希樹的特點
          葉節點存儲的是數據文件,而非葉節點存儲的是其子節點的哈希值(Hash,通過SHA1、SHA256等哈希算法計算而來),這些非葉子節點的Hash被稱作路徑哈希值(可以據其確定某個葉節點到根節點的路徑),
          葉節點的Hash值是真實數據的Hash值。因為使用了樹形結構, 其查詢的時間復雜度為 O(logn),n是節點數量。
          在這里插入圖片描述

          默克爾樹的另一個特點是,底層數據的任何變動,都會傳遞到其父節點,一直到樹根。
          16 哈希算法
          哈希算法(Hash)又稱摘要算法(Digest),它的作用是:對任意一組輸入數據進行計算,得到一個固定長度的輸出摘要。

          哈希算法最重要的特點就是:

          相同的輸入一定得到相同的輸出;
          不同的輸入大概率得到不同的輸出。
          哈希算法的目的就是為了驗證原始數據是否被篡改。
          17 看過那些白皮書 bitcoin ethereum EOS
          18 未來你看好那些區塊鏈項目
          19 區塊鏈的應用場景
          20 以太坊協議 ERC20 ERC721 ERC223 ERC875

          21.什么是挖礦?
          挖礦是在區塊鏈網絡達成共識的過程。挖礦有兩個目的。首先,它在生成的塊中創建新的代幣。其次,它通過向網絡提供工作證明,包括分布式計費中的交易;也就是說,證明所生成的塊是有效的。
          22.比特幣實現中的交易和塊是如何加密的?
          比特幣塊不以任何方式加密:每個塊都是公開的。阻止修改和保證數據完整性的是一個稱為塊哈希的值。塊的內容是使用在比特幣的一種特殊Hash函數來處理,它的實現和得到的值包含在區塊鏈中。
          23.什么是軟分叉?
          在分類帳中的塊包括以建立最長鏈的方式,即具有最大累積難度的鏈。分叉是有兩個候選塊競爭形成最長的區塊鏈,兩個礦工發現工作問題的證明方法在很短的時間內沒有同步對方的情況。造成網絡分割,因為某些節點得到塊從礦工#1和而另外一些得到礦工#2。 分叉通常在一個塊中得到解決,因為這種情況再次發生的概率變得非常低,因為下一個塊出現,所以很快有一個新的最長鏈,將被認為是主要的。
          **24.**什么是雙重支出?
          這是與數字貨幣有關的主要問題之一。 事實上,這是一個數字通證被多次使用的條件,因為通證通常由易于克隆的數字文件組成。它只會導致通貨膨脹,組織不得不承受巨大的損失。 區塊鏈技術的主要目標之一是盡可能地消除這種方法。

          ------開發基礎篇--------
          01 go語言問題
          02 solidity語言語法問題
          03 c/c++語言語法問題
          04 java語言語法問題


          以太坊

          問:以太坊的有價通證叫什么?
          答:以太(ETH:Ether)

          問:Wei和以太有什么區別?
          答:Wei是一個面額,像美分到美元或便士到磅。 1 ETH =10^18 Wei

          問:以太坊的平均出塊時間是多少?
          答:大約14秒

          問:以太坊的平均塊大小是多少?
          答:大約2KB,實際值取決于具體情況。

          問:以太坊是否支持腳本? 如果是這樣,支持什么類型的腳本?
          答:是的。 它支持智能合約

          問:你如何得到以太?
          答:有幾種方法:
          1.成為一名礦工
          2.用其他貨幣換取
          3.使用以太Faucet,例如 https://faucet.metamask.io
          4.接受別人的贈送

          問:以太從哪里來的?
          答:在2014年預售中首次創建了6000萬個。另外,在挖出新塊時也會生成以太。

          問:什么是節點?
          答:一個節點本質上是一臺連接到網絡的計算機,它負責處理交易。

          問:你熟悉多少種以太坊網絡?
          答:有三種類型的網絡 - 實時網絡(主),測試網絡(如Ropsten和Rinkeby)和私有網絡。

          問:與以太坊網絡交互的方式有哪些?
          答:可以使用電子錢包或DApp

          問:你可以“隱藏”一個以太坊交易嗎?
          答:不可以。所有交易對每個人都是可見的。

          問:交易記錄在哪里?
          答:在公共賬本上。

          問:這些網絡的ID是什么?
          答:Live(id = 1),Ropsten(id = 3),Rinkeby(id = 4),Private(由開發人員分配)

          問:我可以在Rinkeby測試網絡中挖一些以太,然后轉移到Live網絡嗎?
          答:不可以。不能在不同的以太坊網絡之間傳遞以太。

          問:為什么需要私有網絡?
          答:有很多原因,但主要是為了數據隱私、分布式數據庫、權限控制和測試。

          問:你如何輕松查看有關交易和區塊的詳細信息?
          答:使用區塊鏈瀏覽器,如etherscan.io或live.ether.camp

          問:私有網絡的交易和區塊信息怎么查看呢?
          答:可以使用開源瀏覽器客戶端,例如https://github.com/etherparty/explorer

          問:區塊鏈的共識是什么?
          答:遵循特定協議(如以太坊)驗證交易(創建塊)的過程。

          問:區塊鏈中兩種常用的共識模型是什么?
          答:工作量證明(POW)和權益證明(POS)。

          問:簡單地解釋下工作量證明。
          答:它實際上是礦工為了證明自己的工作量并驗證交易而對一個計算密集型問題的求解。

          問:以簡單的方式解釋權益證明。
          答:區塊的創建者是根據節點所持有的財富和股權隨機選擇的。 它不是計算密集型的。

          問:以太坊使用什么共識模式?
          答:截至2018年初,它使用工作量證明,但今后將切換到權益證明。

          問:怎么挖以太幣?
          答:使用錢包或geth客戶端。

          問:用什么來對交易進行簽名?
          答:用戶的私鑰。

          問:丟失私鑰后還能恢復以太坊賬戶嗎?
          答:可以,可以使用助記詞組。


          以太坊節點軟件(Geth)

          問:有哪些方法可以連接到一個以太坊節點?
          答:IPC-RPC、JSON-RPC和WS-RPC。

          問:那么Geth是什么?
          答:Geth是以太坊的客戶端。

          問:連接到geth客戶端的默認方式是什么?
          答:默認情況下啟用IPC-RPC,其他RPC都被禁用。

          問:你知道geth的哪些API?
          答:Admin、eth、web3、miner、net、personal、shh、debug和txpool。

          問:你可以使用哪些RPC通過網絡連接到geth客戶端?
          答:可以使用JSON-RPC和WS-RPC通過網絡連接到geth客戶端。 IPC-RPC只能連接到同一臺機器上的geth客戶端。

          問:如果啟動geth時使用了-rpc選項,哪些RPC會被啟用?
          答:JSON-RPC。

          問:哪些RPC API是默認啟用的?
          答:eth、web3和net。

          問:如何為JSON RPC啟用Admin API?
          答:使用-rpcapi選項。

          問:選項-datadir有什么作用?
          答:它指定了區塊鏈的存儲位置。

          問:什么是geth的“快速”同步,為什么它更快?
          答:快速同步會將事務處理回執與區塊一起下載并完整提取最新的狀態數據庫,而不是重新執行所有發生過的交易。

          問:選項–testnet是做什么的?
          答:它將客戶端連接到Ropsten網絡。

          問:啟動geth客戶端會在屏幕上輸出大量文字,應該如何減少輸出信息?
          答:可以將–verbosity設置為較低的數字(默認值為3)

          問:如何使用IPC-RPC將一個geth客戶端連接到另一個客戶端?
          答:首先啟動一個geth客戶端,復制它的管道位置,然后使用同一個datadir啟動另一個geth客戶端并使用–attach選項傳入管道位置。

          問:如何將自定義javascript文件加載到geth控制臺中?
          答:通使用–preload選項傳入js文件的路徑。

          問:geth客戶端的帳戶存儲在哪里?
          答:在keystore目錄中。

          問:為了進行交易,需要對賬戶進行什么操作?
          答:必須先解鎖該賬戶 - 可以傳入賬戶地址或賬戶序號來解鎖。 也可以使用–password選項傳入一個密碼文件,其中包含每個賬戶的密碼。

          問:你提到了一些有關賬戶序號的內容。 什么因素決定賬戶的序號?
          答:添加帳戶的先后順序。

          問:是否可以使用geth進行挖礦?
          答:可以,使用–mine選項開啟。

          問:什么是“etherbase”?
          答:這是接收挖礦獎勵的帳戶,它是序號為0的帳戶。

          智能合約和Solidity

          問:什么是智能合約?
          答:這是用多種語言編寫的計算機代碼。 智能合約存在于以太坊網絡上,它們根據預定規則執行動作,規則是由參與者在這些合約中商定的。

          問:智能合約可以使用哪些語言編寫?
          答:Solidity,這是最常用的語言,也可以使用Serpent和LLL。

          問:你能舉出一個智能合約的用例嗎?
          答:賣方-買方應用場景:買方在智能合約中存入款項,賣方看到存款并發送貨物,買方收到貨物并放行付款。

          問:什么是Metamask?
          答:Metamask是一個可以幫助用戶在瀏覽器中與以太坊網絡進行交互的工具

          問:Metamask使用哪個以太坊節點?
          答:它使用infura.io

          問:Metamask不支持什么?
          答:挖礦和合約部署。

          問:執行合約是否免費?
          答:不,調用合約方法是一個交易,因此需要支付費用。

          問:訪問智能合約的狀態是否免費?
          答:是的,查詢狀態不是交易。

          問:誰執行合同?
          答:礦工。

          問:為什么調用智能合約的方法需要付費?
          答:有些方法不會修改合約的狀態,也沒有其他邏輯,只是返回一個值,這樣的方法是可以免費調用的。 調用那些改變合約狀態的方法則需要付費,因為它們需要gas來執行。

          問:為什么需要gas?
          答:由于礦工在他們的機器上執行合約代碼,他們需要gas來覆蓋執行合約代碼的成本。

          問:是不是gas的價格決定了交易什么時候被處理?
          答:即是,也不是。 gas價格越高,交易成功的可能性就越大。 盡管如此,gas價格并不能保證更快的交易處理。

          問:交易中的gas使用量取決于什么?
          答:這取決于合約所用的存儲量、指令(操作碼)的類型和數量。 每個EVM操作碼都對應一個固定的gas用量。

          問:交易費是如何計算的?
          答:gas用量*gas價格(由調用方指定gas價格)

          問:如果智能合約的執行成本低于調用方指定的gas用量,用戶是否得到退款?
          答:是的

          問:如果智能合約的執行成本高于指定的gas用量,會發生什么情況?
          答:用戶不會得到退款,并且一旦所有的gas用完,執行就會停止,合約也不會改變。

          問:誰支付智能合約的調用費用?
          答:調用合約的用戶。

          問:節點在什么上面運行智能合約代碼?
          答:EVM - 以太坊虛擬機。 EVM遵循EVM規范,該規范是以太坊協議的組成部分。 EVM只是節點上的一個進程。

          問:為了運行智能合同,EVM需要什么?
          答:它需要合約的字節碼,是通過編譯Solidity等更高級別的語言編寫的合約來生成字節碼。

          問:粗略的說,EVM有哪些組成部分?
          答:內存區域、堆棧和執行引擎。

          問:什么是Remix?
          答:開發,測試和部署合約的在線工具。 適合快速構建和測試輕量級合約,但不適合更復雜的合約。

          問:在Remix中,可以連接哪些節點?
          答:可以使用Metamask連接到公共節點、也可以鏈接到使用Geth搭建的本地節點,或者在Javascript VM中模擬的內存節點。

          問:什么是DApp,它與App有什么不同?有什么不同?
          答:App通常包含一個客戶端,這個客戶端會與一些中心化的資源(由一個組織擁有)進行通信,通??蛻舳送ㄟ^一個中間層連接到中心化的數據層,如果中心化的數據層中的信息丟失,不能很輕松地恢復。
          DApp表示去中心化應用程序。 DApps通過智能合約與區塊鏈網絡進行交互。 DApp使用的數據駐留在合約實例中。
          中心化數據可能比去中心化數據更容易受到破壞。


          DApps和web3

          問:DApp的前端是否局限于某些技術或框架?
          答:不受限制??梢允褂萌魏渭夹g來開發DApp的前端,比如HTML,CSS,JS,Java,Python…

          問:前端用什么庫連接后端(智能合同)?
          答:Web3.js庫。

          問:在DApp的前端需要哪些東西才能與指定的智能合約進行交互?
          答:合約的ABI和字節碼。

          問:ABI有什么作用?
          答:ABI是合約的公開接口描述對象,被DApps用于調用合約的接口。

          問:字節碼有什么作用?
          答:節點上的EVM只能執行合約的字節碼。

          問:為什么要使用BigNumber庫?
          答:因為Javascript不能正確處理大數。

          問:為什么需要檢查在Web DApp代碼的開始部分是否設置了web3提供器(Provider)?
          答:因為Metamask會注入一個web3對象,它覆蓋其他的web3設置。

          問:為什么要使用web3.js版本1.x而不是0.2x.x?
          答:主要是因為1.x的異步調用使用Promise而不是回調,Promise目前在javascript世界中
          是處理異步調用的首選方案。

          問:如何在web3 1.x中列出賬戶?
          答:web3.eth.getAccounts

          問:.call和.send有什么區別?
          答:.send發送交易并支付費用,而.call查詢合約狀態。

          問:這樣發送1個以太對嗎:.send({value:1})?
          A:不對,這樣發送的是1 wei。 交易中總是以wei為單位。

          問:那么為了發送1個以太,我必須將這個值乘以10^18?
          答:可以使用web3.utils.toWei(1,‘ether’)。

          問:調用.send()時需要指定什么?
          答:必須指定from字段,即發送賬戶地址。 其他一切都是可選的。

          問:web3.eth.sendTransaction()的唯一功能是將以太發送到特定的地址,這個說法是否正確?
          答:不對,也可以用它調用合約方法。

          問:你是否知道以太坊的可擴展性解決方案?
          答:2層協議。可能的解決方案是狀態通道(state channels)和Plasma。

          Solidity
          問:Solidity是靜態類型的還是動態類型的語言?
          答:它是靜態類型語言,這意味著類型在編譯時是已知的。

          問:Solidity中與Java“Class”類似的是什么?
          答:合約。

          問:什么是合約實例?
          答:合約實例是區塊鏈上已部署的合約。

          問:請說出Java和Solidity之間的一些區別。
          答:Solidity支持多重繼承,但不支持重載。

          問:你必須在Solidity文件中指定的第一件事是什么?
          答:Solidity編譯器的版本,比如指定為^ 0.4.8。 這是必要的,因為這樣可以防止在使用其他版本的編譯器時引入不兼容性錯誤。

          問:合約中包含什么?
          答:主要由存儲變量、函數和事件組成。

          問:合約中有哪些類型的函數?
          答:有構造函數、fallback函數、修改合約狀態的函數和只讀的constant函數。

          問:如果我將多個合約定義放入單個Solidity文件中,我會得到什么錯誤?
          答:將多個合約定義放入單個Solidity文件是完全正確的。

          問:兩個合約之間交互的方式有哪些?
          答:一個合約可以調用另一個合約,也可以繼承其他合約。

          問:當你嘗試使用部署一個包含多個合約的文件時會發生什么?
          答:編譯器只會部署該文件中的最后一個合約,而忽略所有其他合約。

          問:如果我有一個大項目,我需要將所有相關的合約保存到一個文件中嗎?
          答:不需要??梢允褂胕mport語句導入其他合約文件,例如import “./MyOtherContracts.sol”;。

          問:我只能導入本地合約文件嗎?
          答:還可以使用HTTP協議導入其他合約文件,例如從Github導入:import “http://github.com/owner/repo/path_to_file”;。

          問:EVM的內存分成了哪些部分?
          答:它分為Storage、Memory和Calldata。

          問:請解釋一下Storage。
          答:可以把它想象成一個數據庫。 每個合約管理自己的Storage變量。 它是一個鍵-值數據庫(256位鍵值)。
          就每次執行使用的gas而言,在Storage上讀取和寫入的成本更高。

          問:請解釋一下Memory。
          答:這是一個臨時存儲區。 一旦執行結束,數據就會丟失。 可以在Memory上分配像數組和結構這樣復雜的數據類型。

          問:請解釋一下Calldata 。
          答:可以把calldata視為一個調用堆棧。 它是臨時的、不可修改的,用來存儲EVM的執行數據。

          問:哪些變量存儲在Storage,那些變量存儲在Memory?

          答:狀態變量和局部變量(它們是對狀態變量的引用)存儲在Storage區域, 函數參數位于Memory區域。


          轉自:csdn論壇 ,

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

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

          前端達人

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


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

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


          jhk-1617018523201.jpgjhk-1617018552659.pngjhk-1617018587304.jpgjhk-1617018610310.jpgjhk-1617018629312.png


          圖片均來源于網絡)


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


          更多精彩文章:


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

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

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

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

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

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

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

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

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

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

          圖形簡化+衍生,教你真正的圖形創意方法!

          周周


          大家是不是很好奇別人的圖形怎么都這么有創意,而自己想設計圖形的時候卻無從下手??赡苁沁€沒有掌握方法。今天就分享一個圖形創意的方法。希望大家了解后,在設計圖形的時候有一個清晰的思路。

          圖形簡化+衍生,教你真正的圖形創意方法!

          △ 插圖來自日本插畫師 Yu Nagaba

          我們先來看這個圖形,大家能認出這是誰嗎?

          圖形簡化+衍生,教你真正的圖形創意方法!

          沒錯,是愛因斯坦。為什么僅僅幾條簡單的線條,就能把一個真實的人物刻畫出來呢?這就是我們今天講的內容,如何去簡化并且衍生成完整的圖形。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          簡化的圖形一直是趨勢。它不僅僅利于快速傳播、具有非常強的延展性,也經常作為海報的主體。

          圖形簡化+衍生,教你真正的圖形創意方法!

          標志上也大部分以圖形為主。所以作為設計師,簡化圖形的能力是必不可少的。

          圖形簡化+衍生,教你真正的圖形創意方法!

          但是很多人對于圖形簡化還沒有一個清晰的理解,更多的只會在圖片的基礎上進行簡單的描摹。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這樣描摹出來的圖像很可能缺乏識別度,就像這個例子,描摹出來后它到底是狗呢,還是狼呢?

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          簡化的第一步是確定基本元素??偟膩碚f,就是什么元素能夠確定這個物體的種類。比如玫瑰是確定它是“花”這一種類。什么元素能讓我們辨別它是花而不是其他東西呢?

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          枝莖加上花苞,以及紅綠配色就可以讓我們辨別它是“花”的種類了。至于葉子就屬于補充元素。這都是讓我們辨別它的種類的基本元素。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          玫瑰花苞和枝莖的常態關系是:花苞在枝莖的末端。如果隨意變換關系,會影響最簡形態下的識別度,所以前期簡化最好不要做變化。

          雖然這兩個步驟能確定它的種類是“花”。但是它是什么花呢?我們還分辨不出來。就需要到第三步,找到圖形的重要特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          這個時候玫瑰花就需要以種類內的事物做參考。也是和其他花做對比。找出玫瑰花區別于其他花卉的重要特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          紅綠配色是我們對玫瑰的印象。玫瑰的枝莖帶刺。玫瑰花的花瓣開得比較緊密,花瓣層層包裹像漩渦一樣。這些都是玫瑰比較明顯的特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          分析完這些特點,我們只需要在原有的元素關系上加上這些特點,就能分辨出它是玫瑰花了。而這些特點可以在保證識別度的情況下任意刪減組合。

          圖形簡化+衍生,教你真正的圖形創意方法!

          比如說去掉刺也能通過其他特征辨別玫瑰?;蛘弑A舸?,去掉花瓣的細節,如果對于玫瑰有刺這一點比較熟悉的人來說也可以辨別它是玫瑰。又或者保留所有的圖形細節,把顏色變成黑白,都是可以的。

          圖形簡化+衍生,教你真正的圖形創意方法!

          我們剛剛說的玫瑰是本身自帶的特征,其實在現實生活中還存在其他因素影響的特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          比如附加特征,這個圖形我們都能分辨它是鳥,但是具體是什么鳥卻看不出來。

          圖形簡化+衍生,教你真正的圖形創意方法!

          一旦加入橄欖枝,啊,我們就知道,它是鴿子。鴿子本身是沒有橄欖枝的,它代表和平也是人類賦予它的象征。所以這些屬于附加特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          還有狀態特征,比如壁虎,哪種壁虎的狀態和角度更容易讓你辨別它們的身份呢?我相信應該是能看到壁虎緊緊抓在墻上的狀態。所以它的狀態是否能體現它的身份,也是很重要的一點。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          現在的示意圖它只是隨便畫出來的,如果用在設計中,這個圖形是不合格的,所以需要對它進行改造。

          圖形簡化+衍生,教你真正的圖形創意方法!

          衍生圖形主要從兩個角度入手,風格化和陌生化。

          圖形簡化+衍生,教你真正的圖形創意方法!

          比如花的漩渦狀可以用同心圓表現。花苞用半圓形、枝莖和葉子同樣用最基本的形狀概括。

          這個風格的圖形非常簡單,會顯得它的完成度不高。所以這時就需要陌生化的處理,讓它在創意想法上有亮點。

          圖形簡化+衍生,教你真正的圖形創意方法!

          比如我們把同心圓的顏色改變,雖然辨識度少了。但是這種創意圖形加上文案與畫面氛圍,可以判斷出它的身份。

          那么漩渦一定要圓形的嗎?

          圖形簡化+衍生,教你真正的圖形創意方法!

          帶著這種疑問,我們就可以開始第二個衍生。以四變形為基本形,通過旋轉不同角度,再加上漸變風格。第二個圖形就衍生出來了??赡苓@兩個會偏抽象一點,那也可以選擇保留更多的特征。

          圖形簡化+衍生,教你真正的圖形創意方法!

          就像這個圖形的外形和線條刻畫上更大地保留了玫瑰形態,所以在顏色上就可以不用完全遵循現實。

          圖形簡化+衍生,教你真正的圖形創意方法!

          很容易,三個不同的圖形就完成了。

          因為圖形衍生的過程對于想法、造型能力、不同風格的掌握有所要求,沒辦法通過簡單的理論來分析,接下來會通過分析四個不同的案例的衍生方式,給大家提供一些衍生的思路。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          螃蟹它的顏色是橙紅色。蟹鉗是螃蟹比較明顯的特征。蟹的八條腿可以作為輔助元素。它的軀殼偏圓形。這些特點的組合就能呈現一個非常清晰的螃蟹的形象。但是別忘了圖形的衍生是需要對特征有所取舍和變化的。

          圖形簡化+衍生,教你真正的圖形創意方法!

          為了讓螃蟹看起來更加的陌生化,我們可以考慮改變印象中螃蟹的常見形態,讓它以一種更加有趣的動態呈現,比如讓這個多爪動物以一種太陽一樣的放射狀呈現,變身元氣螃蟹。

          圖形簡化+衍生,教你真正的圖形創意方法!

          第二個方案保留圓形的身體,加上尖銳的蟹鉗特征,就完成了一個新的螃蟹圖形。雖然顏色的變化和少了八條腿的特征,但是在保留其他特征時作出的變化卻也能讓我們清晰辨別它是螃蟹。

          圖形簡化+衍生,教你真正的圖形創意方法!

          那傳統的螃蟹都是圓形的身子,我們能不能嘗試把螃蟹的身體變方呢?帶著這種思考,保留其他特征的同時作相應的風格化處理。又一個新的圖形產生。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這些就是螃蟹部分的衍生圖形。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          火龍果的配色是很明顯的特點。表皮會帶有綠色的鱗片。相對橢圓的身體。火龍果是白色的果肉和黑籽的組合。

          圖形簡化+衍生,教你真正的圖形創意方法!

          第一個衍生很簡單的,就是簡化火龍果的外形,最后變化顏色。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這一次同樣保留火龍果的外皮特征,因白色果肉和黑籽的結合讓我聯想到骰子,我們可以把這個想法和火龍果結合一下,讓它變得更加有創意。

          圖形簡化+衍生,教你真正的圖形創意方法!

          使用不尋常的切塊方式,也能產生另一個圖形。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這些就是火龍果部分的衍生圖形。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          顏色同樣是我們辨別它的一個很重要的特征。除了顏色,我們還可以看到西瓜的表面有條紋的覆蓋。像是西瓜這種簡單的圓形水果,切塊之后的造型,可能會更有辨識性。是一個很好的附加特征。最后,黑色的瓜籽同樣是我們辨別西瓜時的一個顯著特性。接下來就需要對它們進行風格化的處理。

          圖形簡化+衍生,教你真正的圖形創意方法!

          西瓜的條紋部分,這一次我們用幾何圖形來做一些嘗試。錯位再壓縮,讓條紋的比例感更強。加入半圓形的西瓜切塊之后,感覺有點像是人臉對吧?那我們就順勢添加一個眼睛,讓它擬人化。

          圖形簡化+衍生,教你真正的圖形創意方法!

          符合了這么多特征之后,造型上就不用那么寫實了,我們完全可以抽象一些來繪制它。加入之前的眼睛和切塊之后,它就完成了。

          圖形簡化+衍生,教你真正的圖形創意方法!

          西瓜切開后的這個形狀特征讓我們很容易辨別它的身份,所以就可以保留這個形狀特征,做一些大膽的變化。

          圖形簡化+衍生,教你真正的圖形創意方法!

          比如顏色上可以完全脫離西瓜原有的顏色。用幾何色塊的方式去填充造型,讓風格化的更強烈。到這里,這個圖形也就完成了。按照這種思路,能不能保留配色,但是在切塊的形狀上進行改變呢?

          圖形簡化+衍生,教你真正的圖形創意方法!

          那就到了第三個衍生,我們把它分成三塊去表現西瓜的層次。因為造型已經足夠抽象了,所以這里我們用顏色去盡量還原西瓜的印象。組合到一塊,是不是就有西瓜切塊的感覺了呢?

          圖形簡化+衍生,教你真正的圖形創意方法!

          我們把這個數量增加一些,就更有辨識度了,再調整里面的一點變化。那么到這里,這個圖形也就完成了。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這是西瓜部分的衍生。

          圖形簡化+衍生,教你真正的圖形創意方法!

          圖形簡化+衍生,教你真正的圖形創意方法!

          青蛙是綠色的,由于身體和四肢的對比,會感覺四肢很細長。另外后爪很長,并且有蹼。彎曲的后腿是青蛙比較特別的地方。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這一次,我們可以從造型上做變化。比如切斷連接四肢的關節部分,不過這樣的造型在美感上還不是很理想。

          圖形簡化+衍生,教你真正的圖形創意方法!

          那么嘗試到這里,覺得下面的這個腳的直線結構很有趣,是一個很有變化性的特點。所以我們可以按照這個方向再去嘗試一下。

          圖形簡化+衍生,教你真正的圖形創意方法!

          把手臂的部分也修改成直線的樣式,那么這里這個圖形就完成了。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這一次,我們把目光聚焦到青蛙細長的四肢上,為了讓造型看起來更生動,這個圖形我決定打破對稱的方式。將四肢和身體的比例做一些夸張的處理,讓身體更小,四肢更大。爪尖用來劃水的蹼也同樣做了夸張的處理。那么在這個過程中,我們會繼續擺放四肢的位置,讓每個部分的空間看起來更均衡一些。

          圖形簡化+衍生,教你真正的圖形創意方法!

          強調了四肢之后,我們還可以反著來,嘗試強調身體的部分。為了讓四肢看上去更細小,這一次我們用線條來繪制。

          圖形簡化+衍生,教你真正的圖形創意方法!

          這是青蛙部分的效果。

          圖形簡化+衍生,教你真正的圖形創意方法!

          來回顧一下我們這篇教程所有的圖形。

          我們從極簡化的元素開始,通過不同特征的組合與變化,再為它添加陌生化和風格化的處理,就能能衍生出非常多形態各異、各種風格的圖形。




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



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



          seo達人

          SEO外推基本優化方案,SEO優化干貨 

          在做SEO外推的時候,更加側重主頁排名。這就給SEO工作造成一個假象,那就是只要圍繞主頁的核心關鍵詞,創建內容即可,這是一個策略,從SEO的角度,它確實提高了主頁核心詞的相關性 SEO是指從自然搜索結果獲得網站流量的技術和過程,是在了解搜索引擎自然排名機制的基礎上,對網站進行內部及外部的調整優化,改進網站在搜索引擎中的關鍵詞自然排名,獲得更多流量,從而達成網站銷售及品牌建設的目標。

          一、搜索引擎工作原理

          1、收錄過程

          (1)蜘蛛首先訪問索引服務器

          (2)蜘蛛根據索引爬行相對應的頁面

          (3)蜘蛛抓取頁面內容

          (4)對抓取的內容進行分析,對符合規則的內容進行解析存儲并建立索引,不符合規則的內容則丟棄

          2、搜索過程

          (1)用戶輸入搜索詞

          (2)搜索引擎在索引服務器中檢索該詞,分析排名并返回結果索引

          (3)搜索引擎根據結果索引在數據存儲服務器中調回數據內容

          (4)將調回的數據內容顯示給用戶

          二、基本優化方案

          1、 前端制作

          在一個網站規劃初期,需要做好網站扁平化架構、各種輔助導航、內容頁面需要有相關文章推薦、簡潔的頁面結構、盡量多的有效部分。包括網站代碼優化,robots文件、次導航設置、404模板設置、301重定向、網站地圖、圖片Alt、title標簽、網站的TDK、關鍵字密度、個別關鍵字密度、H1H2H3中的關鍵字、關鍵字強調、聯系我們,公司榮譽等不需要優化的頁面添加nofollow、為頁面添加元標記meta、豐富網頁摘要(微數據、微格式和RDFa)。?

          2、 網站編輯工作

          需要確定文章來源,原創或者是偽原創,掃描書記、報刊、雜志等都可以作為文章來源渠道。然后是文章內容的書寫,如何書寫標題、如何布局關鍵詞,第一段描述性文章如何書寫。在何時何地適合加什么樣子的長尾關鍵詞。內頁的錨文本設置、圖片的alt屬性都是網站編輯的工作。

          3、 網站的SEO外推

          外推就是網站的外鏈,外鏈講求高質量不要發垃圾外鏈。外鏈的主要渠道包括:友情鏈接、博客、論壇、收藏夾、黃頁等等。如果你能做百度知道、百度文庫、百度經驗等當然是最好的,對國內百度SEO來說這是至高無上的外鏈資源。

          4、數據分析

          流量統計工具看個人喜歡,百度統計、CNZZ等都可以,可以分析來源關鍵詞、用戶訪問路徑,用戶熱力點擊圖等。第二點是競爭對手分析,分析競爭對手的文章如何編寫、外鏈如何發布、關鍵詞如何設置的,內鏈如何布局的、網站結構是怎么樣的,文章發布頻率是多少,網站結構等各方面。

          三、SEO優化干貨

          重點:關鍵詞、內容、結構、代碼優化

          1、關鍵詞優化

          關鍵詞可分為:目標關鍵詞,主關鍵詞,長尾關鍵詞等。

          (1)關鍵詞出現的位置。

          重要的位置包括:標題、第一段、每段的前面部分;網站其他頁面或板塊出現此關鍵詞。

          (2)關鍵詞出現的密度。

          核心關鍵詞出現的密度2-5%,偏上相關性更高,核心關鍵詞周邊關鍵詞出現在內容中。

          (3)特別說明:

          關鍵詞優化與內容質量、頁面質量、站點質量相關。

          2、內容優化

          seo=做內容+做外鏈(高權重高質量外鏈,普通外鏈已沒太大作用)。

          1)真實有效;

          2)有權威;

          3)原創度;

          4)完整性;

          5)有人搜索;

          6)時效性;

          7)圖文結合更佳;

          3、結構優化

          向搜索引擎呈現良好的網站層級結構。

          1)各個頁面是相互鏈接的,且重要頁面離首頁的位置更近;

          2)URL結構簡單,層級少,少用特殊字符;

          3)死鏈少;

          4)導航欄;

          5)網站地圖;

          6)面包屑導航;

          7)豐富內鏈;

          4、代碼優化

          搜索引擎是通過代碼抓取網站內容的。

          1)精簡代碼;

          2)網頁降噪,實現主題突出;

          3)權重標簽如H1,strong等;

          4)圖片標簽alt;

          四、總結

          做SEO外推是一個長期性的復雜的全過程,周期時間可能是幾個月,因此一定要有耐心,并堅持不懈做下來。SEO推廣根據掌握各種百度搜索引擎爬取互聯網技術網頁頁面、開展數據庫索引及其明確其對特殊搜索關鍵詞結果排行等技術性,來對網頁頁面開展有關的提升,使其提升百度搜索引擎排名,進而提升網站流量,最后提高網址的市場銷售或宣傳策劃的實際效果。

          文章來源:搜狐   作者:SEO優化網站

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

           

          SEO外推基本優化方案,SEO優化干貨

          seo達人

           

          在做SEO外推的時候,更加側重主頁排名。這就給SEO工作造成一個假象,那就是只要圍繞主頁的核心關鍵詞,創建內容即可,這是一個策略,從SEO的角度,它確實提高了主頁核心詞的相關性 SEO是指從自然搜索結果獲得網站流量的技術和過程,是在了解搜索引擎自然排名機制的基礎上,對網站進行內部及外部的調整優化,改進網站在搜索引擎中的關鍵詞自然排名,獲得更多流量,從而達成網站銷售及品牌建設的目標。

          一、搜索引擎工作原理

          1、收錄過程

          (1)蜘蛛首先訪問索引服務器

          (2)蜘蛛根據索引爬行相對應的頁面

          (3)蜘蛛抓取頁面內容

          (4)對抓取的內容進行分析,對符合規則的內容進行解析存儲并建立索引,不符合規則的內容則丟棄

          2、搜索過程

          (1)用戶輸入搜索詞

          (2)搜索引擎在索引服務器中檢索該詞,分析排名并返回結果索引

          (3)搜索引擎根據結果索引在數據存儲服務器中調回數據內容

          (4)將調回的數據內容顯示給用戶

          二、基本優化方案

          1、 前端制作

          在一個網站規劃初期,需要做好網站扁平化架構、各種輔助導航、內容頁面需要有相關文章推薦、簡潔的頁面結構、盡量多的有效部分。包括網站代碼優化,robots文件、次導航設置、404模板設置、301重定向、網站地圖、圖片Alt、title標簽、網站的TDK、關鍵字密度、個別關鍵字密度、H1H2H3中的關鍵字、關鍵字強調、聯系我們,公司榮譽等不需要優化的頁面添加nofollow、為頁面添加元標記meta、豐富網頁摘要(微數據、微格式和RDFa)。?

          2、 網站編輯工作

          需要確定文章來源,原創或者是偽原創,掃描書記、報刊、雜志等都可以作為文章來源渠道。然后是文章內容的書寫,如何書寫標題、如何布局關鍵詞,第一段描述性文章如何書寫。在何時何地適合加什么樣子的長尾關鍵詞。內頁的錨文本設置、圖片的alt屬性都是網站編輯的工作。

          3、 網站的SEO外推

          外推就是網站的外鏈,外鏈講求高質量不要發垃圾外鏈。外鏈的主要渠道包括:友情鏈接、博客、論壇、收藏夾、黃頁等等。如果你能做百度知道、百度文庫、百度經驗等當然是最好的,對國內百度SEO來說這是至高無上的外鏈資源。

          4、數據分析

          流量統計工具看個人喜歡,百度統計、CNZZ等都可以,可以分析來源關鍵詞、用戶訪問路徑,用戶熱力點擊圖等。第二點是競爭對手分析,分析競爭對手的文章如何編寫、外鏈如何發布、關鍵詞如何設置的,內鏈如何布局的、網站結構是怎么樣的,文章發布頻率是多少,網站結構等各方面。

          三、SEO優化干貨

          重點:關鍵詞、內容、結構、代碼優化

          1、關鍵詞優化

          關鍵詞可分為:目標關鍵詞,主關鍵詞,長尾關鍵詞等。

          (1)關鍵詞出現的位置。

          重要的位置包括:標題、第一段、每段的前面部分;網站其他頁面或板塊出現此關鍵詞。

          (2)關鍵詞出現的密度。

          核心關鍵詞出現的密度2-5%,偏上相關性更高,核心關鍵詞周邊關鍵詞出現在內容中。

          (3)特別說明:

          關鍵詞優化與內容質量、頁面質量、站點質量相關。

          2、內容優化

          seo=做內容+做外鏈(高權重高質量外鏈,普通外鏈已沒太大作用)。

          1)真實有效;

          2)有權威;

          3)原創度;

          4)完整性;

          5)有人搜索;

          6)時效性;

          7)圖文結合更佳;

          3、結構優化

          向搜索引擎呈現良好的網站層級結構。

          1)各個頁面是相互鏈接的,且重要頁面離首頁的位置更近;

          2)URL結構簡單,層級少,少用特殊字符;

          3)死鏈少;

          4)導航欄;

          5)網站地圖;

          6)面包屑導航;

          7)豐富內鏈;

          4、代碼優化

          搜索引擎是通過代碼抓取網站內容的。

          1)精簡代碼;

          2)網頁降噪,實現主題突出;

          3)權重標簽如H1,strong等;

          4)圖片標簽alt;

          四、總結

          做SEO外推是一個長期性的復雜的全過程,周期時間可能是幾個月,因此一定要有耐心,并堅持不懈做下來。SEO推廣根據掌握各種百度搜索引擎爬取互聯網技術網頁頁面、開展數據庫索引及其明確其對特殊搜索關鍵詞結果排行等技術性,來對網頁頁面開展有關的提升,使其提升百度搜索引擎排名,進而提升網站流量,最后提高網址的市場銷售或宣傳策劃的實際效果。

          文章來源:搜狐   作者:SEO優化網站推廣

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

           

          一款軟件界面設計的重要性

          seo達人

           

          這周繼續做我們的作品,感覺實現了功能不是很多,而我們把更多的精力投到了界面的修飾上,感覺以前的界面太不好看,和人家正規的瀏覽器相比簡直不堪一擊.在這周我感受最深的就是一款軟件的成功以否不僅僅在于功能的強大以否上,界面也占了其成功因素的半壁江山. 

            作品開始準備以前就聽八期的師哥師姐說,界面的美觀,協調,布置合理等是一款軟件成功不可或缺的因素.前幾次作品展最后獲勝的都是界面漂亮,和諧,布置合理,非常吸引人的作品,例如寶寶樂園等,他們運用了Flash等工具,的確非常漂亮吸引人!通過這周的做作品和觀察比較流行,受歡迎的軟件,我發現一款軟件界面的重要性和設計界面需要注意的事項。

            重要性

          1,軟件的界面相當于我們人的整體外表,相當于我們人的氣質等。誰都知道我們希望自己漂亮一些,希望自己有氣質一些,這些不僅可以增加我們的人氣,更可以幫助我們披荊斬棘,更加順利走向我們的目標。當然,軟件的界面美觀與否,直接影響著人們使用此軟件時的心情,進而影響人們對此軟件的喜歡與否。而那些所謂的強大的功能是在人們喜歡這款軟件之后再考慮的問題。

            2,功能菜單的布局,這個布局合理與否,是否符合大眾的使用習慣。也直接影響著使用者對此軟件的喜歡與否。如果一款軟件的各項功能菜單布局不合理,不符合大眾化,那么再強大的功能,使用者也找不著,那樣也白搭。所以界面的布局也是非常重要的。

          總而言之,界面的設計,直接決定著使用者對這款軟件的第一印象,直接決定著使用者對其的青睞與否。

          在這里我想向大家提出幾點注意事項

          1,色調的選擇,在這里主要以和諧,舒適感為目標。色調的選擇要是使用者感到非常舒服,色彩的搭配更要凸顯界面的和諧優美。

          2,功能菜單簡潔明確,主次分明。按鈕的功能要簡單明了,易于使用掌握,主次要分清,分清使用者使用此軟件的主要功能,常用功能和附加功能,處處以使用者的角度去想問題.設計軟件.

          3,符合常規邏輯思維,給用戶以很好的引導作用,良好的界面布局,會給用戶操作帶來方便和引導,軟件使用起來流暢自然。設計不合理的界面,用戶往往要費一些時間去找功能塊啦、按鈕啦、定位文本框啦,甚至根本不明白軟件再說什么,還得自己去理解它的意思。

          4,我們在制作軟件時,要懂得虛心向別人請教,尤其是界面問題,往往我們的缺點我們自己難于發現。如果必要的話,我們可以做問卷調查,向更多的用戶調查需求,從而更有助于我們做出符合大眾需求的軟件產品。

          總而言之,界面是軟件非常重要的一大項,我們要對他重視起來,不要一味的把心思全投放到功能的實現上。當然我們做軟件的每一點都要以使用者的心態,使用者的需求去設計,界面是軟件的門戶,更是如此。如何讓使用者用著更方便,更開心,更簡捷,我們就如何設計,完全貫徹“全心全意為人民服務”的理念。

           

          文章來源:CNDN   作者:iteyey_45

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

           

          低代碼時代來了,每個人都是程序員

          seo達人

           

          不久前,IDC發布了2020數字化轉型2.0的5個驅動力:無處不在的AI、每個人都是開發者、云與邊緣的融合、重新定義信任、解決方案自動化。隨著越來越多的企業認識到數字化的生產方式如何為他們的組織提供幫助,他們將需要更多的技術人員支持。而現在,RPA、低代碼的浪潮席卷而至。

          每個人都是開發者的時代是否已經到來?

          0 1

          低代碼開發:紅海將至,勢頭強勁

          時下備受關注的低代碼指的是減少傳統應用程序的代碼編寫量,主要通過圖形化可視化界面,以拖放組件和模型驅動邏輯的方式,讓更多業務人員和IT開發人員共同參與業務流程的優化,快速為Web端和移動端創建企業級應用,加速企業的數字化進程。

          在 Gartner 2019年企業低代碼應用程序平臺的魔力象限圖上,共有四家企業位于領導者象限的右上角,其中兩個耳熟能詳:Salesforce和微軟;另兩個OutSystems和Mendix,是這一專業領域的獨角獸。

          將時間回溯到2018年。OutSystems和Mendix兩家企業引發了低代碼平臺市場的火爆發展勢頭:OutSystems在獲得了私募股權機構KKR和高盛共同投資的3.6億美金之后,緊接著德國工業巨頭西門子也宣布進入低代碼開發平臺市場,以6億歐元收購Mendix。

          相對于OutSystems和Mendix,云CRM巨頭Salesforce主要利用低代碼開發模式為其CRM垂直應用打造PaaS平臺;而微軟,則利用低代碼甚至無代碼開發組件Power Apps,幫助業務分析人員和IT開發人員把業務創新嵌入到全球應用最為廣泛的辦公軟件Office 365,以及微軟的企業級CRM Dynamics 365中,并支持在任何設備上構建和共享應用程序。

          從 Gartner 調查來看,通常企業內的IT需求一定會大于IT人力的負荷量。而今,隨著企業數字化轉型的不斷深化,這些需求會隨著環境變化、業務轉變、市場發展等因素繼續加大。

          有預測顯示,在低代碼和無代碼開發越來越普及的影響下,未來五年全行業將會創建5億個新應用,這比過去40年來的應用程序都多。

          0 2

          全民開發:“賦能每一人”

          “當你在不需要管理底層核心基礎設施的情況下,就可以輕松構建原創的、新鮮的想法時,對于一個IT人員來說,這是不可思議的。”百事可樂云服務經理Eric McKinney第一次看到Power Apps的時候,興奮不已。

          Eric McKinney甚至認為,Power Apps將改變組織的游戲規則,因為它將應用程序開發降低了一個級別,企業IT團隊可以利用它來快速改進業務流程,實現業務人員提高效率的訴求。

          所謂提高辦公效率,在某種程度上可以理解為每個人都希望流程自動化。Autoglass公司的IT解決方案專家Martin Lee表示:“使用Power Apps將有助于企業節省資金,同時提高非IT員工的數字化參與度,因為Power Apps幫助企業創新的可能性是無窮的!”

          讓合作伙伴的IT部門倍感興奮的Power Apps蘊藏著怎樣的驚喜?答案就是低代碼開發。

          據微軟統計,Power Apps 能夠幫助企業減少 70% 的應用程序開發成本,目前已有95%的世界五百強企業都在使用 Power Apps 自定義構建程序。Power Apps 還可與自動化工作流解決方案 Power Automate 一起使用,用于數據集成。

          微軟希望Power Apps賦能每一人都能構建應用,使用 Power Apps幫助業務分析人員到開發人員在任何設備上構建和共享應用程序;促進業務創新,使用畫布和模型驅動的應用程序來構建 Power Apps,以解決特定角色的方案的業務問題;支持構建高度定制的應用程序,在Power Apps畫布上設計用戶體驗,自定義應用程序的每個細節,以針對特定任務和角色進行優化;根據用戶的數據創建復雜的應用,從數據模型和業務流程開始,使用簡單的拖放式設計器可以自定義業務實體,并根據特定角色定制用戶體驗;外部用戶設計低代碼門戶,集成模型驅動的數據并嵌入 Power BI 報告或儀表板,為外部用戶創建可訪問的低代碼網站。

          應該說,“賦能每一人都能構建應用”是Power Apps的核心。作為推動一致性和簡化流程的變革者,微軟致力于推動技術創新的全面普及,予力全球每一人、每一組織,成就不凡!Windows如此,Office如此,Power Apps亦是如此。

          0 3

          體驗至上:開啟數字化轉型加速度

          今天,任何一家企業都面臨著前所未有的數字化和智能化轉型的壓力,因為市場變了——從產品為王到客戶為王,客戶市場不僅要求產品能用、夠用,還追求用戶體驗。

          如何滿足用戶對于個性化優質體驗的極致追求?今天日趨成熟的云計算、人工智能、物聯網、5G等技術為企業帶來了新的機會,同時也帶來了新的挑戰。

          舉個例子,市值達550億美元的美妝品行業巨頭聯合利華面對的是數以億計的挑剔的大眾消費者和不計其數的友商,因此聯合利華必須不斷對產品加以改進,以取得競爭優勢。

          聯合利華使用物聯網和邊緣智能服務和設備為其工廠打造數字雙胞胎(Digital Twins),對整個工廠的所有機器、流程和人員等進行建模,并對收集到的液體洗發水和洗滌劑的生產數據進行機器學習和高級分析,預測出了更為有效的流程,從而縮短了生產整批液體產品所需的時間。

          這其中,就有Power Apps的身影。一名聯合利華工廠的質量保證人員就利用Power Apps自行開發了一款質量保證APP,如今,這款APP已經推廣到聯合利華的所有工廠中。這是令人驚喜的變化,開發APP不再是專業軟件開發人員的專利,普通員工也可以在Power Apps的幫助下根據個性化的需求進行開發。

          除了Power Apps之外,微軟Power系列的組件還包括Power Platform、Power Automate和已經為人熟知的Power BI。

          Power BI 最早出現在微軟Office的Excel表格中,允許用戶通過可視化操作界面來自助式分析從多個來源獲得的數據。從自助式分析出發,微軟把Power系列定義為一個低代碼開發平臺,予力每一個個人和組織,以小時為單位,將業務創新轉化為企業級應用。

          這其中,除了統一“無代碼”和“低代碼”工具Power Platform來連接微軟Azure、Office 365 和 Dynamics 365這三朵智能云之外,還包括聯機工作流服務 Power Automate,可在最常用的Azure 集成和構建 AI 注入工作流等應用和服務中自動執行操作,將生產力提升與團隊聯系起來。

          它可以廣泛的與 Salesforce,Workday,SAP 集成。通過 Power Platform 的智慧整合協作,用戶可以利用 Power Automate 和 Power BI 把平時需要紙本和復雜的人工流程數字化呈現,不僅幫助企業開源節流,更可協助企業在遠程辦公的情況下,讓員工的生產力不減反增。

          其中 Power Apps 更能幫助企業短時間內即時開發出應對特殊事件的 App 應用,幫助企業借力 AI 技術立即回應緊急需求。

          在Power Platform支持下的低代碼開發,能夠以較少的編程投入產出強大應用。在微軟看來,每天與全球企業攜手并肩,幫助他們在這個數據驅動的現代經濟體系中贏得先機,是一件非常自豪的事情。正如微軟首席執行官薩提亞·納德拉(Satya Nadella)所說:“我們的愿景和使命是予力全球每一人、每一組織,成就不凡”,低代碼開發技術正成為微軟進一步達成這一使命的重要環節,加速數字化轉型和數字化世界的來臨。

           

          文章來源:搜狐   作者:微軟科技

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

          日歷

          鏈接

          個人資料

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

          存檔

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