<strike id="g3zqm"></strike>

      <cite id="g3zqm"></cite>

        <tr id="g3zqm"><center id="g3zqm"></center></tr>
        <pre id="g3zqm"><sup id="g3zqm"></sup></pre>
        <li id="g3zqm"></li>
      1. 少妇高潮激情一区二区三,免费av深夜在线观看,亚洲狼人久久伊人久久伊,久久精品人人做人人爽电影蜜月,黄色特级片一区二区三区,欧美日韩在线亚洲二区综二,极品少妇无套内射视频,日本极品少妇videossexhd

        首頁

        總監分析!為什么移動端設計中不使用柵格系統?|北京藍藍UI設計公司

        之晨

        我們都知道做網頁相關的項目,不管是 C 端的還是 B 端的,往往都會應用響應式布局,用了響應式布局,就肯定要做柵格系統,才能確保響應式的正常執行。但是,移動端要不要用柵格,怎么用,就成為很多人困擾的問題,我們就用今天這篇分享來解釋。

        簡單易學出效果!11個工作常用的AE小技巧|北京藍藍UI設計公司

        之晨

        我們在平常的 UI 設計工作中,經常需要通過 AE 來做一些小動效,比如生長、毛玻璃等效果,這樣有利于刺激用戶去點擊,增強趣味感,從而提升轉化,助力業務達成等目標。其中有一些動效技巧經常能用到,也是我經常反復去查看的知識點,在此整理了一波分享給大家,希望能幫助大家在工作中更加得心應手。

        藍藍設計作品:B端產品組態軟件2種設計風格|北京藍藍UI設計公司

        之晨

        藍藍設計的兩種組態軟件風格都采用符合當下審美潮流的2D插畫效果,既保證了視覺效果美觀的同時也降低落地成本,方便后續的拓展、修改、提升與設計效率,同時注重用戶的閱讀習慣,將原功能點重新布局,主次內容對比明顯,降低視覺噪音,保證清晰順暢的操作,提升用戶體驗!

        藍藍設計是一家專注而深入的界面設計公司,我們期待與您合作,為您提供最優質的UI界面設計方案,歡迎前來咨詢!

        藍藍設計作品:半老外David英語小程序界面設計

        之晨

        David是一個來自美國的華僑,哥大畢業后就來到了亞洲,現在定居北京!David是一個爸爸,也是一個創業者,在過去7年里都在科技教育領域創業。David相信,英語啟蒙能在家就能做好,于是推出線上英語啟蒙的小程序。

        藍藍設計作品:B端軟件首頁2種設計風格|北京藍藍UI設計公司

        之晨

        方案一:駕駛艙風格 采用駕駛艙形式,以生產為主的業務,使用戶可以更直觀,更全面地了解企業中所有指標的具體情況,以便快速做出決策。整體顯示更為重要的實時數據,監控掌握大局觀,及時對有問題的數據進行及時處理,板塊區分明顯,更方便找到相關數據。
        方案二:平臺主頁風格  在初步調研產品框架的基礎上,系統首頁重構信息組織架構,豐富信息和數據,根據不同權限可調整頁面信息增加辦公效率。設計風格采用簡約的設計語言,模塊化布局,方圓并構的設計模式,界面強調可復用性和通用性,配色采用品牌色,品牌融合度高。

        如何判斷一位設計師是否具有產品思維|北京藍藍UI設計公司

        之晨

        產品思維是設計師在設計產品時所需具備的關鍵能力之一。擁有強大的產品思維能力可以幫助設計師更好地理解客戶需求,使設計效果更加符合市場需求,從而實現商業成功。那么如何判斷一位設計師是否具有產品思維能力呢?

        數據可視化大屏不會做?5個重要UI設計知識點|北京藍藍UI設計公司

        之晨

        大數據可視化界面設計是將海量數據以圖形化的方式呈現,以幫助用戶更好地理解和分析數據。在這個領域,設計師需要充分考慮數據的特點和用戶的需求,以創造出易于理解和操作的界面。本文將介紹大數據可視化界面設計的7個關鍵知識點,并提供相關的技巧和實踐建議。

         

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        之晨

        一、用戶心智模型是什么

        先問你一個問題。

        拼多多、淘寶、京東這三家購物平臺,你認為它們的區別是什么?

        或者換個方式問你。

        買電器你去哪個平臺?買衣服你去哪個平臺? 買垃圾袋你去哪個平臺?

        是不是有了答案了?

        沒猜錯的話, 大部分人的答案是:買電器去京東、買衣服去淘寶、買垃圾袋去拼多多。

        你看,這就是一個購物心智模型,你的心里對這三家平臺已經產生了固有的心智,如果讓你去京東買衣服,你會不會覺得,有些別扭?沒錯,這就是心智模型。

        百度百科對心智模型的定義是:

        “深植我們心中關于我們自己、別人、組織及周圍世界每個層面的假設、形象和故事。并深受習慣思維、定勢思維、已有知識的局限。”

        關鍵詞是:故事、習慣、局限。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        淘寶一開始就我們講了一個故事,一個萬能的集市,我們習慣在上面買衣服,但是也產生了局限性,那就是,當我們想買大額電器的時候,還是會選擇京東。

        我個人對心智模型的理解是:

        我們內心深處對一個事物的看法。

        空口聊天多沒意思,下面舉個例子。

        這是一尊陶俑,第一眼你覺得她像什么?

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        是不是覺得像米老鼠?

        為什么?

        因為陶俑的頭上的發髻和米老鼠標志性的耳朵很像。

        如果你從沒見過米老鼠,你還會覺得她像米老鼠嗎?

        一定不會。

        這就是心智模型,你對頭頂的大圓形的心智是“米老鼠”,所以一旦你看到類似的形狀,米老鼠的形象就會浮現出來,這個發髻的形狀和你心里對米老鼠的形象產生了匹配。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        對心智模型有沒有一點印象了?下面我們接著聊。

        二、心智模型的3運用

        我不想用具體的界面來聊,那樣的話太散,我認為要想理解一個概念,最好還是從“面”的角度來說,所以下面我會舉一些商業上的案例來輔助理解。

        心智模型有哪三種運用方式?

        第一種:創建新的心智模型

        第二種:改變舊的心智模型

        第三種:匹配現有的心智模型

        可以理解成一件事情的新生、改變和延續。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        下面咱們一個個來。

        第一種:創建新的心智模型

        難度指數:難啊。

        記得《盜夢空間》里最難的是什么嗎?

        最難的不是盜夢,而是植入一個想法。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        創建新的心智模型有異曲同工之妙,都是讓別人內心接收一個事物,需要刻意培養。

        舉幾個例子。

        當年外賣剛開始的時候,家家搞補貼,很多時候幾乎不花錢就可以點外賣,后來這些福利沒有了,為啥?

        因為點外賣的心智已經培養好了,你離不開它了,所以平臺可以“不慣著你了”。

        還有唯品會的正品低價、瑞幸一開始的星巴克平替,這些都是他們想要植入到用戶大腦中的心智。

        為什么要費勁植入一個新的想法?

        因為一旦植入了,就很難改變。

        現在我身邊的很多朋友想買一些低價的品牌都會上唯品會,買咖啡會喝瑞幸,一旦用戶的習慣養成就很難改變,意味著什么?

        意味著留存和轉化的成本更低了。

        第二種:改變舊的心智模型

        難度指數:也難。

        《盜夢空間》里小李子的妻子被他植入了一個想法“你不在現實世界里”,當他和他妻子回到現實世界后,他妻子仍舊認為自己不在現實世界里,這個被植入的想法已經根深蒂固,很難改變。

        所以改變舊的心智也不簡單。

        例如小米最初主打極致性價比,后來想往高端路線走,很難,大家心里已經認準了小米就是“性價比之王”,也就是你的產品不僅要好還要便宜。

        這就導致小米一漲價,大家就罵他們忘了初心……所以小米拆分出了紅米主攻性價比,小米往高端發展,但是仍舊很難。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        拼多多的百億補貼也是一樣的道理,一開始的砍一刀深入人心,大家對拼多多的心智已經成型:便宜,質量一般。拼多多想改變這個心智,推出百億補貼,并承諾假一賠十,就是想告訴大家,我拼多多,也是有正品好貨的。不過,效果嘛,見仁見智。

        第三種:匹配現有的心智模型

        難度指數:相對簡單。

        其實匹配現有的心智模型,是相對最簡單的方法,市場已經幫你把用戶習慣培養好了,你直接使用,那肯定事半功倍,省時省力啊。

        舉個例子,大家最近有關注小米的 13 Ultra 嗎?

        小米和徠卡聯合研發的,主打徠卡調色的相機。

        我有一個同事就直接把手里的微單換成了 13 Ultra,因為拍照足夠好看而且便攜。

        這里不是要推銷手機啊,是想讓你們了解 13 Ultra 是個什么東西。

        然后給大家看看它的手柄(一個配角,可以拆卸)。

        是不是有些熟悉?和相機像不像?

        這個手柄就是沿用了相機的心智模式。

        小結一下:

        心智模型有 3 種用法:

        1. 新建:創建新的心智模型
        2. 改變:改變舊的心智模型
        3. 延續:匹配現有的心智模型

        下面聊聊,咱們怎么做才能更加匹配用戶的心智模型?

        同樣的,我不會拿具體頁面來舉例,還是希望把思考方式分享給大家,而不是某一個頁面的設計。

        三、心智模型的3匹配

        要想匹配用戶的心智模型其實就三步:

        了解業務、了解用戶、競品調研。

        或者可以這么說, 在懂業務、懂用戶的基礎上,還要了解行業內的通用做法。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        1. 了解業務

        一定要了解業務,為什么?

        因為好的設計方案千千萬,但是匹配你的業務的方案才是好方案,如果不了解業務,可能設計出來的方案就是自嗨,例如網上很多的 dribble 風設計。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        又比如說手機瀏覽器一般都把搜索框放到屏幕頂部,而夸克瀏覽器卻把搜索框放到了下面。

        為什么?

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        因為夸克想推翻傳統的瀏覽器,想打造一款更年輕更好用的瀏覽器,把搜索框放到下面也是滿足他們的業務訴求,現在手機屏幕越來越大,搜索框放在下面手指操作更加方便。

        所以,一定要先去了解業務。

        拼多多和淘寶同樣都是電商平臺,可它們的用戶心智相差甚大,因為最后方案設計是服務于最初的業務目標的,業務不同,呈現的方案也不一樣,最后讓用戶形成的心智也不同。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        2. 了解用戶

        為啥?給老人和小孩設計的界面能一樣嗎?

        就拿顏色和文字來說。

        小孩喜歡高飽和、豐富的顏色,而老人則需要考慮在各種場景下都能看得清楚信息的顏色。

        小孩喜歡圓潤的卡通字體,而老人需要識別度更高的字體,更大的字號。

        高級設計師都掌握的心智模型,這篇幫你快速掌握它!

        不同的用戶,采用的設計一定是不同的,只有了解了他們的喜好和痛點,才能做出符合他們心智模型的設計。

        3. 競品調研

        為啥要競品調研呢?

        因為競品和我們的產品類似,那么意味著用戶大概率重合度也高,甚至業務上都有一定相似度,那么意味著,競品的方案,大概率是經過市場驗證的符合用戶心智模型的方案。

        你看,既然競品已經給咱們打了個樣,為何還要自己悶頭造輪子呢?

        咱們目的是解決問題,又不是為了證明自己很厲害。

        但是,不要誤解,我不是說照著競品抄,而是取長補短,所以不僅要調研,還要分析,分析就是把競品的優劣勢找出來,好的地方咱們可以酌情借鑒,不好的地方,咱們也要避個雷嘛。

        好了,小結一下,要想匹配用戶的心智模型,一定要了解業務、了解用戶,還要做競品調研了解市場的通識性做法。

        以上。




        文章來源:優設網    作者:餿面包


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


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

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


        如何做好競品分析?來看這份超詳細的實例拆解

        之晨

        一、競品調研的結構

        首先說明,競品調研的方法有很多,本文只提供一種方法供參考,建議大家活學活用。建議從下面 4 個方面入手:

        1. 調研背景

        主要說一些為什么要調研,希望通過調研答達到什么樣的目的?是視覺升級、體驗升級還是為了提升轉化率?只有了解為什么做調研這件事情,才能知道從哪幾個維度調研。

        2. 調研樣本

        建議選幾個直接競品,再選幾個優秀的次要競品也是可以的,可以幫助補齊盲點。

        3. 調研維度

        調研維度要根據調研目的來確定,例如如果是為了視覺升級,那么調研維度主要就集中在視覺效果上,如果是體驗升級,那么調研維度主要集中在交互體驗層面。所以維度的選擇一定是和此次調研的目的緊密相關的,不過,倒也不是說如果是視覺升級就只調研視覺方面的內容,而是咱們要有一個主要的調研方向,啥都想要,最后啥都做不好。

        4. 結論

        結論是最重要的,畢竟,做這次的調研不就是為了這份結論嗎?所以最后一定要有結論,也就是咱們通過調研得到了什么結論。

        二、實例拆解

        1. 調研背景

        我公司這個項目是做一個官網的改版,官網主要就改版主要目標有兩個:

        第一個目標是視覺體驗升級,拆解下來就是界面更好看,內容更好找。

        第二個目標是提升用戶轉化率,更細致的拆解一下就是讓更多的用戶點擊「咨詢」按鈕。

        可以得到關鍵詞:界面更好看、內容更好找、咨詢客服的人數更多。

        好,咱們繼續,下一步是找樣本。

        2. 調研樣本

        前面提到過,樣本最好是直接競品+間接競品(主要是一線大廠競品)。所以這次調研我選擇了幾個直接競品的官網,以及華為、飛書等這樣的做的比較優秀的產品進行輔助分析。

        3. 選取調研維度

        調研維度又可以分為兩大部分:整體結構、內容拆解。

        了解整體架構是每個競品調研都離不開的步驟,可以幫助我們快速了解行業內的通識性做法,畢竟站在巨人的肩膀上才能看得更遠嘛。

        ①整體架構

        我當時的做法是把主要競品的官網都截圖下來,然后一個模塊一個模塊的去分析,其實看下來你會發現,大家的做法都是有跡可循的。

        看下面的圖片,我把他們類似的模塊用同樣的顏色框出來,框出來后就會發現,哦,原來,這就是行業內的通識性做法。

        如何做好競品分析?來看這份超詳細的實例拆解(附模版下載)

        然后我把這種通識性做法歸納總結出來,發現,其實官網首頁可以劃分為四大板塊:

        1. 常規內容:head、foot
        2. 建立認知:banner、產品介紹、解決方案、產品優勢
        3. 增加信任:客戶評價、客戶案例、新聞資訊、行業認可
        4. 轉化:免費試用、在線咨詢、電話咨詢

        如何做好競品分析?來看這份超詳細的實例拆解(附模版下載)

        你看,看似有很多復雜內容的官網, 其實也就這幾個模塊,這樣看是不是就清晰多了。

        既然咱們通過架構梳理來了官網的內容,下一步就進行內容的拆解了,拆解什么內容?就是拆解上面總結出來的規律呀。

        ②內容拆解

        為啥要拆解內容呢?因為咱們競品分析的目的不就是要做到“人有我優”嘛,咱們競品分析是為了青出于藍而勝于藍呀,所以咱們不能直接抄人家的內容,這是無效設計,咱們要做的是分析他們的優點,然后借鑒,然后超越。

        進行內容拆解的時候,建議先定幾個拆解維度,不然會沒有方向,這里我分了三個維度來進行拆解:

        如何做好競品分析?來看這份超詳細的實例拆解(附模版下載)

        1. 用戶訴求:用戶的需求、疑問或者想達到的目標
        2. 業務策略:針對用戶訴求,網站做出的一系列解決方案
        3. 表達形式:完成業務策略的交互/視覺展現方式

        我就拿「建立認知」板塊來舉例。

        官網首頁的建立認知是什么?

        是讓進來的用戶對整個網站有一個基礎的認知,顧客來了,對店鋪總要有一個第一印象吧。

        通過前面的架構拆解我們發現,首頁一般使用 4 種方法來對用戶建立認知,哪四種?banner、產品介紹、解決方案、產品優勢

        一個用戶看了 banner,瀏覽了產品介紹和解決方案,看了產品優勢,是不是對咱們的產品有了一個認知了,這就是建立認知的過程。

        那么咱們如何去分析呢?

        我的做法是一個個板塊分析,有些麻煩啊,但是相信我,值得。

        下面我就拿建立認知里面的“產品介紹”來舉例子,看看如何去分析產品介紹這個板塊。

        使用 3 個維度來分析:

        維度 1:用戶訴求(用戶進來之后的訴求)

        產品介紹內容是否有我需要的產品和功能?是否滿足我的需求?

        維度 2:業務策略(針對用戶訴求,業務是怎么解決的)

        講清楚三個問題,即“我們的產品是什么”、“我們能做什么”、“我們有什么優勢“

        維度 3:常用表達形式(用什么樣的表達方式來實現策略)

        分點描述:減少大段落文字,分點描述,增強閱讀性,降低理解成本

        提煉賣點:將核心功能提煉出來,吸引用戶注意力,精準打擊,結合圖標提升可讀性

        試用入口:視覺上強化按鈕,引導轉化

        圖文結合:圖>文,可視化表達降低理解成本,增強臨場感

        拆解下來,是不是對產品介紹板塊很了解了,產品介紹板塊主要的目的就是為了講清楚咱們是誰,咱們的優勢啊。王婆賣瓜,瓜雖好,但是咱們得讓來的人知道咱們的瓜好呀,所以表達方式也是至關重要的,用什么形式去表達這個板塊呢?其實競品已經有了很好的解決方案,那就是上面描述的。

        你看,這樣一通分析,其實你的方案就自然而出來了,你知道往哪個方向去使勁了,而不是看別人有啥咱們就做啥。


        文章來源:優設網    作者:餿面包


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


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

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


        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        之晨

        如果想知道某個網站配色方式,除了打開開發人員工具或是檢視源碼,也有第三方服務可以使用,即使無法完整復制別人的配色,也能快速得知網站使用的顏色代碼或配色模式,取得顏色的色碼或色彩名稱。有沒有任何更直覺、簡單的方式來完成這些工作呢?若你有類似的需求,接下來要介紹的服務或許可以滿足,這項服務會提取特定網頁使用的顏色,讓顏色相關信息更一目了然。

        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        本文要介紹的「Alwane」是一個網頁色彩提取工具,可以在使用者輸入特定的網址后取得該網站使用的顏色代碼或描述,產生為調色盤鏈接,重新分類、編排各種顏色,最簡單的使用方式是輸入網站網址就能提取,也能顯示其他相關色彩,如果想分析、保存某個網站或品牌使用的顏色,Alwane 是個非常方便而且好用的工具。

        除了將提取的顏色代碼以可視化方式呈現,還能夠以調色盤或是程序代碼方式呈現,包括 CSS 和 SASS 兩種顯示程序代碼,對于要取得特定的網站顏色來說很有用,若有類似需求的話不妨打開 Alwane 網站試試看。

        Alwane

        網站鏈接:https://alwane.io/

        使用教學

        開啟 Alwane 網站后直接在左上角「Extract CSS Colors」輸入要提取顏色的網址,預設情況下會從 HTML 和 CSS 樣式表單取得顏色,如果某些情境下需要從 JavaScript 獲取顏色可在「Advanced」設定選項找到。

        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        從提取后的色彩結果可以看到各種顏色分布,包括顏色的預覽、變量名稱和色碼(hex code),從左側可選擇為顏色重新分組、排序或是切換 CSS、SASS 色碼。

        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        從上方選項切換調色盤或程序代碼模式,也能快速將所有 CSS 代碼復制到剪貼簿。

        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        如果想要保存或分享網站的配色、調色盤、CSS 等信息,點選右上角「Generate」就能產生鏈接咯!

        想借鑒高手的配色體系?試試網頁取色神器 Alwane

        值得一試的三個理由:

        1. Alwane 網頁色彩分析工具,輸入網址就能提取網頁出現的顏色
        2. 從 HTML、CSS 和 JavaScript 獲取色彩信息
        3. 查詢結果會有顏色預覽、變量名稱和色碼,也能切換為程序代碼模式

        文章來源:優設網    作者:PSERIC


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


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

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


        日歷

        鏈接

        個人資料

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

        存檔

        主站蜘蛛池模板: 老女老肥熟国产在线视频 | 美女免费精品高清毛片在线视| 国产一区二区内射最近更新| 色悠悠国产精品免费观看| 视频国产一区二区视频| 人妻大胆21p| 国产福利免费在线观看| 奇米网777狠狠狠俺| 免费人成视频网站在线观看18| 宗合久久| 久治县| 久久久久久久98亚洲精品| 亚洲丰满熟女一区二区v| 人妻中文字幕精品一页| 欧美日韩精品福利在线观看| 精品成人A片久久久久久船舶| 欧美人与禽交zozo| 少妇高潮太爽了在线视频| 无码一区二区三区久久精品| 中文精品无码中文字幕无码专区| 成人www在线成人www在线成人www在线成人www | 先锋AV资源网| 亚洲国产AV无码综合原创| 女人被狂躁c到高潮| 丁香五月婷激情综合第九色| 国产美女久久久亚洲综合| 福利一区二区视频在线| 欧美一区内射最近更新| 久久热这里只有精品66| 中文字幕日韩高清一区| 亚洲av综合色区无码专区| 亚洲国产午夜福利精品| 成人亚洲狠狠一二三四区| 九九热最新视频免费看| 正定县| 久久综合无码中文字幕无码TS | 72种姿势欧美久久久久大黄蕉| 污视频网站在线观看免费| 欧洲美女黑人粗性暴交视频 | 99久久久无码国产精品动漫 | 亚洲精品区午夜亚洲精品区|