92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

整理數據報表系統的7個步驟

濤濤

清晰且有效的數據報表可以反映出數據變化，進而幫助團隊人員確定后續的產品優化迭代方向，找出可能存在的問題。那么，產品經理應當怎么整理出清晰且直觀的數據報表？本篇文章里，作者總結了產品經理整理數據報表的可操作步驟，一起來看一下。

之前聊數據埋點的時候曾經提了一下，說是后面聊一下數據報表的事情，今兒個正好有空，捋一捋，跟大家做個分享。

上次分享的是《產品經理整理埋點需求的6個步驟》，有興趣的朋友可以進去看看。

大家都很關心數據的事情，因為數據能比較直觀地反應哪些地方發生了新的變化，能夠提醒相關人員去關注和調整，同時一個新的優化上線之后也能夠根據數據去判斷優化方向是不是正確的問題。數據是最便捷的方式。

但是你想看數據就需要先把數據報表理出來，一個業務或者一個APP會產生大量的數據，你需要根據關聯性和重要性去整理出具體的數據表，然后再去觀察，直接看明細或者日志那你得瘋。

怎么整理數據報表呢？

它需要根據核心業務流程和業務指標來梳理，然后兼顧到職級分層、部門分類、重要程度、使用頻次來分別處理。

我們以電商業務為例來簡單說說，選電商是因為大家對電商業務更熟悉。

我整理了一下，大致上可以按照以下步驟去整理數據報表系統。

第一步，確認要做哪些表。

你先確定有哪些部門需要看報表，常規來說包含市場、商務、運營、產品、客服、售后等部門。

然后你去看這些部門都會需要哪些報表，譬如市場部門需要渠道流量轉化表等，運營部門需要營銷轉化表、業務流程表、銷量排名表等，產品部門需要業務流程表、產品日常數據表等（觀察用戶留存與活躍的），客服需要用戶反饋問題進度表等、售后需要售后問題進度表等。

以上只是我不專業的一個舉例，實際上表是非常多的。

這里面有個地方需要注意一下，有些表看上去字段是差不多的，譬如渠道流量轉化表和業務流程表，很多字段都是重復的，那么要不要并表就是一個需要考慮的問題。有的公司管理比較嚴格，那么最好不并表，這樣可以通過后臺權限來控制展示，如果相對寬松那么可以向相關部門做一下確認然后決定要不要并表。

注意：數據后臺和管理后臺是分開的，不能混淆。管理后臺用來管理用戶、商品、商戶和看明細數據（用戶信息表、購買訂單表）等等，數據后臺就是用來看統計數據的。

第二步，整理不同部門報表需要展現的字段。

以業務流程表為例。

先把業務主流程的關鍵節點梳理出來，到成交算是一個流程。電商的話流程大概是用戶注冊/登錄→查看商品詳情→加入購物車→立即購買/結算→立即付款→完成付款。

那么業務流程表的字段也就清楚了：

注意：報表字段是有了，但是也需要說清楚這些字段的具體含義，譬如注冊/登錄用戶數，指的是在統計時段內，注冊+登錄用戶的人數之和，需要去重。

不要小看這個說明，這個說明決定了大家的理解能不能一致，邊界請不清晰，上面那個例子，如果沒有后面那個“需要去重”那么技術在處理的時候是不會去重的，這樣的話如果一個用戶在指定時段內登錄了多次就會統計多次。

一定要寫這個說明，不寫的話技術就自己發揮了，每個人對業務的理解是不一樣的，所以一定要寫。

第三步，去擴展報表的統計維度。

數據報表是有了，但是統計維度也需要定義，譬如需要按照日期、按渠道、按類目（商品）、按商戶、按地區等等維度去看數據，那么就需要把這些和報表相關的維度加上去，這樣就能實現按維度看數據的目的。

這個比較簡單，有什么維度加什么維度就行，但是在處理的時候需要注意，多個條件組合能不能篩選出數據的問題，這個比較細節。

第四步，整理核心轉化公式數據表。

核心轉化公式數據表是給公司高管和核心業務骨干看的，高管是不可能看什么部門表的，看不過來也沒必要，高管們看的表只需要體現核心數據和指標就可以。

高管們關心的也就是部門負責人關心的，部門負責人關心就應該是一線員工關心的，這就是一個拉齊公司內部認知的一個表，所以核心轉化公式數據表特別重要，重要到需要單列一個步驟說明。

整理核心轉化公式數據表之前就需要去梳理業務的核心轉化公式，電商業務的核心轉化公式如下：GMV=注冊登錄用戶數*購買轉化率*客單價*人均購買數量*(1-退貨率)。

這就是一個用戶從曝光到復購的一個簡化的轉化公式，這個公式的意義在于聚焦提高產值的關鍵步驟，目標不會偏。

注意：這個公式很重要，不能錯，如果自己沒把握的話可以問一下公司領導，知道弄清楚為止。

其實做KPI的時候也一定會需要這個核心轉化公式，這樣大家就能知道在哪些環節可以提高績效，分別是提高多少，由哪些部門具體負責。

根據這個核心公式就可以整理相關的字段：

這樣公司領導每天看這個數據就知道業務有沒有在向預定目標發展，以及距離目標還有多遠。

當然有了字段以后也需要加維度，這個就參考前面的步驟就可以。這里的統計維度其實是比較少用到的，但是功能還是必備。

 第五步，整理日常大盤數據表。

大盤表是給所有員工看的，可以作為數據后臺的首頁。

大盤表通常是昨日數據的匯總統計，譬如GMV、銷售訂單數、銷售商品數、退貨商品數、退貨總金額、新增商戶數、新增用戶數、新增商品數，大概看一下數據的變化，給大家一個總體的印象。

第六步，整理實時統計表。

有一些業務對于數據的實時性要求比較高，所以會涉及到需要做實時統計表，實時統計表一般每小時更新一次數據，如果流程出現問題就可以及時進行排查和修復，但是對于大部分業務來說其實不需要，如果不是發布了新的代碼，理論上是不會出現這個問題。

當然像電商APP，如果遇到雙11這種，一般來說還是需要看一下實時數據的，因為全公司都很關心當天的戰果，屬于重要時刻。所以電商APP需要做實時表，字段的話一般也就是大盤數據表上的字段就行，額外字段的話可以根據領導的要求做。

第七步，最后確認報表字段和整理成需求文檔。

把整理好的表格和各部門對一下，根據各部門的要求調整完成后制作成需求文檔。

這個步驟就不多說了，按照需求的整理流程處理就行。

以上就是整理報表系統的幾個步驟，當然因為細節太多了，其實沒有辦法在一篇文章里面講的非常清楚，但是至少80%的東西還是在了，所以還是有參考性的。希望對大家有所幫助。

實際上做報表系統是一個持續優化和新增的過程，如果是從0開始做的話就需要單獨立項然后分期做，一下子肯定是不現實的，因為工作量太大了，項目的進度不好控制，還有就是有些表并不需要馬上做的，也可以緩一緩，這樣優先級高的數據報表就會更快的上線。

如果業務不大的話甚至可以用excel先統計起來?？傊宫F形式和處理方式還是很多樣化的。

產品經理在數據方面我認為其實可以多花點功夫，形成一套比較具有實操性的方法論比較好，一個數據產品和一個APP產品在競爭力上還是有差異，實際上越細分專業度越高，競爭力越強。當然首先至少要做到及格。


藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：人人都是產品經理  作者：代號道長

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

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

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

評論(0) 瀏覽(2559)

ERP和APS的聯系與區別

濤濤

ERP系統可以幫助跟蹤、存儲信息，有助于推動后續的產品決策，而APS系統是對ERP系統的補充和優化，具體而言，APS系統和ERP系統有什么關系？本篇文章里，作者就二者的關系、區別及應用等方面做了總結，一起來看一下。

APS作為對ERP計劃系統的補充和優化，集成主要集中在與ERP計劃系統的交互層次上。二者其實有很多相似和聯系的地方。

  • ERP系統是企業資源計劃的簡稱，是指建立在信息技術基礎上，集信息技術與先進管理思想于一身，以系統化的管理思想，為企業員工及決策層提供決策手段的管理平臺。
  • APS系統是高級計劃與排程的簡稱，是解決企業內部生產排程和生產調度問題，常被稱為排序問題或資源分配問題。

首先，APS的需求計劃模塊從ERP的訂單輸入中獲得客戶的實際需求，然后需求計劃模塊再結合外部數據中預測需求通過APS算法計算得出預測生產計劃；同時再通過APS中的供應鏈計劃模塊中的約束條件，得到指導MRP的約束生產計劃，傳回ERP的主生產計劃模塊。

一、APS與ERP的關系

APS的制造計劃模塊與ERP的MRP通過制造訂單，結合BOM、庫存信息及采購信息等數據綜合考慮，反復交互論證，得出將要生產排產的生產任務單。

該生產任務單包含的信息為所要加工產品的數量級需求日期。APS的排產計劃模塊則會根據算法而得到工作中心的生產排單以及在制品的排隊序列。同時接受對車間活動的監測數據，實現對車間變化信息的動態反映。

二、APS與ERP的區別

ERP是依賴于MRP，主要基于無限物料、無限能力的理論，是通過缺料分析、能力分析、由人進行調整決定采取行動。APS的計劃是基于約束理論通過事先定義的約束規則，由計算機自動采取計算。另外，APS與ERP在計劃上也有許多關鍵的不同。

總之，ERP在除生產計劃外的財務管理、成本管理、采購管理、銷售管理、庫存管理、人力資源管理等方面表現出了良好的管理效率和管理規范。而APS系統作為計劃系統能夠很好地規劃基于供應鏈的長、中、短期計劃系統，但是APS系統不能獨立運行，它需要大量的基礎數據的支撐才能良好地運行。

三、APS能取代ERP系統嗎？

APS不能取代ERP系統，ERP系統采用的計劃模型確實又不能滿足目前的需要，ERP的計劃模塊的改變同時將影響到整個系統結構的變化。因此，用APS來優化ERP生產計劃系統，既可以強化ERP的計劃功能，同時又不必影響到其他成熟的商業流程。

四、APS計劃層次概覽

理論上，APS系統層次日趨立體化和豐富化，目前大多數APS包括6個主要的模塊：供應鏈戰略模塊、供應鏈計劃模塊、需求計劃、制造計劃模塊、排程計劃模塊、運輸優化模塊。

  • 供應鏈戰略模塊用來支持戰略假設分析，確定生產地點、配送中心和其它實體的最優組合及選址方案，并對不同的成本和物料約束條件進行建模分析。
  • 供應鏈計劃模塊通過對物料、產能、運輸以及服務水平等的諸多約束對供應鏈進行建模和最優化分析，并制定出各流程的詳細計劃。
  • 需求計劃模塊：用統計工具、因果要素和層次分析等手段實現市場與客戶需求預測及管理。其關聯預測功能，甚至可以通過產品水平水平的預測推出各零部件的需求量，從而優化采購決策。
  • 制造計劃模塊：根據已有數據，與 ERP 的 MRP 通過制造訂單反復交互論證，得出將要生產排產的生產任務單。
  • 排程計劃模塊：考慮了生產中的產能、工序、物料及時間等約束條件制定出最優的生產計劃。
  • 運輸優化模塊可確定運輸模型以進行假設分析，并在約束條件下自動建立運載數量、發貨時間、運輸路線的安排。

五、APS之車間計劃與排程計劃

車間作業計劃的目標是通過對制造過程中車間層、車間層以下各層次物流的合理計劃，排程與控制，縮短產品的制造周期，減少在制品，降低庫存，提高生產資源的利用率，最終達到提高生產率的目的。

從功能方面看，車間作業計劃層比物料需求計劃層有更具體的目標，那就是減少工件在制造系統中的“空閑時間”。

據調查，在中小批量自動化制造系統中，工件在系統中的“通過時間”主要由4部分：加工準備時間、加工時間、排隊時間和運輸時間。其中加工時間只占整個通過時間的的5%左右，大部分時間消耗在排隊時間上，從而引起系統效益大衛降低。

車間作業計劃層主要由生產作業計劃層、排程計劃層和生產活動控制層有機組成，其結構圖如下所示。其中生產作業計劃層是在戰術層下達的月、旬或周生產計劃的基礎上，根據各種生產資源的實時狀態數據，制定具體的生產作業計劃，該計劃將確定計劃期間內各種制造設施的具體使用狀況，每日/班的工件種類及數量等。

排程計劃是在生產作業計劃的基礎上確定生產任務進行加工的順序，以及加工過程中各種制造資源的實時排程。上述的生產計劃于排程都只是為了運行層內物料的流動做出計劃，雖然在規劃時期系統能運行在最優或次優狀態，但實際系統運行中總會出現各種隨機的擾動，從而使系統是實際狀態與期望狀態之間產生偏差。

所以，生產活動控制的目標就是應用反饋控制原理校正這種系統的偏差，使物料流動和系統資源利用等盡可能與生產計劃于排程計劃所期望狀況吻合。

讓我們重點關注排程計劃層，它在車間作業計劃的三個層次中起到一個承上啟下的作用，具體來說，排程計劃就是針對一項可分解的工作如產品制造，探討在盡可能滿足約束條件如交貨期、工藝路線、資源情況的前提下，通過下達生產指令，安排其組成部分操作使用哪些資源、其加工時間及加工的先后順序，以獲得產品制造時間或成本的優化。

車間排程計劃的重要性在于它保證生產計劃的有效實施，高效低耗低使用生產資源均衡生產，減少原料的加工準備、等待與傳送時間，縮短產品生產周期、確保產品交貨期，從而提高設備利用率與生產效率，同時，減少了在制品中的資金占用，降低了生產成本，使企業能更好地適應多變的市場需求。


藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：人人都是產品經理  作者：山人小道 

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

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

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

 

評論(0) 瀏覽(2593)

JavaScript 中 this 關鍵字

前端達人

this是什么 

一般情況下，this 指向調用他們的那個對象 ,也就是說誰調用就指向誰。

在全局作用域下 this指向誰 window 

console.log(this);

普通函數里面 this 指向 window 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                function fn() {
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(this);
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                };
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                fn();
            
    

        
    

    
    5.

定時器里面的 this 指向 window 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                window.setTimeout(function() {
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(this);
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                }, 3000);
            
    

        
    

    
    5.

對象的方法里面的this指向這個對象 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                var idol = {
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                myname: '某某某',
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                age: '18歲',
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                sex: '女',
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                skill: function() {
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(this);
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                }
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    
                };
            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                idol.skill()
            
    

        
    

    
    10.

給指定元素綁定事件，this指向事件綁定者 btn 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                var btn = document.querySelector('button');
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                // btn.addEventListener('click', function() {
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                //     console.log(this);
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                // });
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                btn.onclick = function() {
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(this);
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                };
            
    

        
    

    
    10.

構造函數里面的this指向對象的實例化 構造函數在調用的時候 使用new 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                function Fun() {
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(this);
            
    

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    

            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                }
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                var fun = new Fun();
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

            
    
                fun.uname = 'Jack';
            
    

        
    

    
    7. 

    
  7. 

        
    

            
    

            
    

        
    

        
    

            
    
                fun.age = '18歲';
            
    

        
    

    
    8. 

    
  8. 

        
    

            
    

            
    

        
    

        
    

            
    
                fun.sex = '男';
            
    

        
    

    
    9. 

    
  9. 

        
    

            
    

            
    

        
    

        
    

            
    
                console.log(fun)
            
    

        
    

    
    10.








藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

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

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

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

評論(0) 瀏覽(2073)

VSCode通過LocalHost打開html文件

前端達人



在這里插入圖片描述

首先安裝上圖的插件，接著如下圖右鍵HTML文件選擇Open with Live Server即可

在這里插入圖片描述

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

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

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

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

評論(0) 瀏覽(2796)

Echarts圖表根據瀏覽器窗口縮放進行動態縮放，多個echarts同時縮放

前端達人


更改之前的效果圖:

在這里插入圖片描述
更改之前瀏覽器窗口放大縮小圖表都不會進行動態的縮放，
更改之后的效果圖：

在這里插入圖片描述
更改之后圖表就會根據瀏覽器窗口大小實時監聽進行縮放
代碼： 

 topChart.setOption({ series: [ {name: '最大值',type: 'line',stack: '最大值',data: dataMax}, {name: '最小值',type: 'line',stack: '最小值',data: dataMin}, {name: '平均值',type: 'line',stack: '平均值',data: dataAvg}, ] }); window.addEventListener("resize",()=> {//監聽瀏覽器窗口大小 topChart.resize(); }); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    •

如果有多個圖表同時渲染，給個定時器就可以了，ss[0]，ss[1]，ss[2]，ss[3]分別表示四個圖表的class 

var resizeTimer = null; window.addEventListener("resize", () => { if (resizeTimer) { clearTimeout(resizeTimer) } resizeTimer = setTimeout(function(){ ss[0].resize(); ss[1].resize(); ss[2].resize(); ss[3].resize(); }, 10); }); 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    •

沒了，結束了，是不是很簡單吶，如有問題，歡迎留言。


























藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

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

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

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


評論(0) 瀏覽(3210)

[Vue項目實戰]登錄功能實現

前端達人

寫在前面

vue文件最后要空一行，不然會報錯，真的奇葩…

登錄概述

登錄業務流程

  • 1.在登錄頁面輸入用戶名和密碼
  • 2.調用后臺接口進行驗證
  • 3.通過驗證之后，根據后臺得響應狀態跳轉到項目主頁

登錄業務的相關技術點

  • http是無狀態的
  • 通過cookie在客戶端記錄狀態
  • 通過session在服務器端記錄狀態
  • 通過token方式維持狀態

這里要清楚哦！

登錄—token原理分析

  • 1.登錄頁面輸入用戶名和密碼進行登錄
  • 2.服務器驗證通過之后生成該用戶的token并返回
  • 3.客戶端存儲該token
  • 4.后續所有的請求都攜帶該token發送請求
  • 5.服務器端驗證token是否通過

登錄功能實現

登錄頁面的布局

通過Element-UI組件實現布局

  • el-form
  • el-form-item
  • el-input
  • el-button
  • 字體圖標

在vscode打開終端ctrl+~

git status 查看當前git狀態
git checkout -b login 創建一個新的分支叫login
git branch 切換分支
在這里插入圖片描述

在vue ui中啟動！
在這里插入圖片描述

終端指令npm run serve也可以運行！

在components文件下創建一個vue文件 

import Vue from 'vue' import VueRouter from 'vue-router' import login from './components/login.vue' Vue.use(VueRouter) const routes = [ {path:'/login',component:login} ] const router = new VueRouter({ routes }) export default router 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    •

配置路由(并添加路由重定向) 

const router = new VueRouter({ routes: [ { path: '/', redirect: '/login' }, { path: '/login', component: login } ] }) 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    •

一定要注意空格，不然會報錯，可惡啊！

頁面編寫

先給一個全局樣式表 

/* 全局樣式表 */ html, body, #app{ height: 100%; margin: 0; padding: 0; } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    •

并在main.js中導入 

import './assets/css/global.css' 

    

    
  • 
        1
    
    •
完成登錄框居中

注意：translate 進行移動，完成真正的居中 

.login_box{ width: 450px; height: 300px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    •

在這里插入圖片描述

添加一個登錄圖標 
 .avatar_box{ height: 130px; width: 130px; border: 1px solid #eee; border-radius: 50%; padding: 10px; box-shadow: 0px 0px 10px #ddd; position: absolute; left: 50%; transform: translate(-50%,-50%); background-color: #fff;
        img{ width: 100%; height: 100%; border-radius: 50%; background-color: #eee; } } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    • 

    
  • 
        15
    
    • 

    
  • 
        16
    
    • 

    
  • 
        17
    
    • 

    
  • 
        18
    
    •

在這里插入圖片描述

登錄表單的布局

通過Element-UI組件實現布局

  • el-form
  • el-form-item
  • el-input
  • el-button
  • 字體圖標

elements組件庫網頁
在網站里面可以找到一些可以使用的基礎模板代碼

導入組件 

import Vue from 'vue'
import { Button, Form, FormItem, Input } from 'element-ui'//分開import會報錯

Vue.use(Button) Vue.use(Form) Vue.use(FormItem) Vue.use(Input) 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    •

中間form和button都是直接到上面的組件庫里面去找的

中間一些代碼不貼了，比較枯燥呀

特別地，我們的小圖標是從阿里的icon庫里面下載的

具體用法見以前寫得一篇博客
阿里巴巴icon圖標盡在掌握(前端如何引入icon庫,美麗圖標隨你處置T.T)
在這里插入圖片描述

登錄表單的數據綁定
  • 1.:model=“loginForm” 綁定一個表單
  • 2.在form-item中用v-model雙向綁定數據對象
  • 3.在export default中data() return表單數據
登錄表單的驗證規則
  • 1.：rules="ruleForm"綁定一個規則
  • 2.在form-item中用prop屬性設置為需要校驗的字段名 
 // 這是表單的驗證規則對象 loginFormRules: { // 驗證用戶名是否合法 username: [ { required: true, message: '請輸入登錄名稱', trigger: 'blur' }, { min: 3, max: 10, message: '長度在 3 到 10 個字符', trigger: 'blur' } ], // 驗證密碼是否合法 password: [ { required: true, message: '請輸入登錄密碼', trigger: 'blur' }, { min: 6, max: 15, message: '長度在 6 到 15 個字符', trigger: 'blur' } ] } 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    • 

    
  • 
        14
    
    •

在這里插入圖片描述

登錄表單的重置
  • 1.在el-form中添加ref引用名稱，以便獲取表單
  • 2.在方法中添加方法，用this.$refs.loginFormRef.resetFields()來重置表單，注意表單的值會變為data里面設置的初值
登錄預驗證
  • 1.同樣的this.$refs.loginFormRef.validate()
  • 2.配置axios 
import axios from 'axios' // 配置請求的根路徑 axios.defaults.baseURL = 'https://127.0.0.1:8888/api/private/v1/' Vue.prototype.$http = axios 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •
  • 3.如下獲取查詢的結果
    使用async 和await要獲取返回結果 
 this.$refs.loginFormRef.validate(async valid => { if (!valid) return const { data: res } = await this.$http.post('login', this.loginForm) console.log(res) if (res.meta.status !== 200) return console.log('登錄失敗') console.log('登錄成功') }) 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    •
登錄組件配置彈窗提示
  • 1.在element.js中引入message并掛載到vue上 
Vue.prototype.$message = Message // 掛載到了Vue上 

    

    
  • 
        1
    
    •
  • 2.直接調用this.$message.error(‘登錄失?。　?
    在這里插入圖片描述
登錄成功后的行為
1.將登錄之后的token，保存到客戶端的sessionStorage中
  • 1.項目中除了登錄之外的其他API接口，必須在登錄之后才能訪問
  • 2.token只應在當前網站打開期間生效，所以將token保存在sessionStorage中
    將這個token存儲到了會話存儲中
    在這里插入圖片描述

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

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

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

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



評論(0) 瀏覽(3084)

設計師“進階輔技” —— 高效溝通術

seo達人


一、什么是溝通？

溝通的本質：

雙向信息傳輸，除了清晰傳遞自我信息以外還需要引導對方，讓其也能準確表達訴求。

溝通的誤區：

“表達”與“溝通”有巨大區別：前者是單項輸出，如何把自己的觀點清晰地傳遞給別人，后者是雙向傳輸，除了清晰傳遞自我信息以外還需要引導對方，讓其也能準確表達訴求。

舉個例子：一個不善言辭的人在生活中遇到一個溝通感覺特別順的人，能讓自己愿意說出自己的想法，再復雜的事都能和他相談甚歡。仔細觀察一下，這往往不是因為對方表達能力好，而是對方的“溝通引導能力”特別好。

圖片

 

二、設計師為什么需要溝通？

圖片

1.提升工作效率：

溝通到位能讓我們始終保持正確的目標和方向，避免無效溝通和模糊猜測，讓工作事半功倍。

 

2.設計師技能加持：

設計師的專業能力是立足之本，而溝通能力是解決一切訴求的前提和助攻！具備良好的溝通能力不僅能展現設計師的職業素養和個人魅力，溝通中也能鍛煉全局思考和解決問題的能力；

圖片

 

3.服務行業特性：

設計師作為一個服務行業，首先要保證是客戶想要的（方向正確），其次是帶給用戶驚喜的（體驗升級），能洞察/挖掘出客戶真正的的訴求/痛點，才能解決根本性的體驗問題。

 

三、如何完成一次有效溝通？

如何完成一次有效溝通？形成一套良好的“溝通”閉環機制？

有效溝通是指有效的把信息以明確的目的傳遞給對方，與對方達成共識并付諸行動的過程。只有溝通雙方真正理解各自表達的東西，并能針對異議，達成共識，這樣才能算一整個有效的溝通。

圖片

 

四、高效溝通法則

圖片

心態好

  • 01.尊重和合作意識：這一點是高效溝通的前提，前面也說到了溝通跟表達的區別，溝通閉環是需要雙方合作的，彼此尊重，抱著合作的態度一起推進目標達成，實現共贏那是再好不過了。
  • 02.保持同理心：『百度對同理心解釋為：同理心（Empathy），或稱做換位思考、神入或共情，指站在對方立場設身處地思考的一種方式?！弧白晕乙庾R”是同理心的基礎。感知到別人情緒后，通過換位思考，用“自我意識”去理解別人的情緒，最終了解他人的想法。

 

擅表達

表達能力在工作中體現在方方面面，日常需求對接，組內主題分享，向上管理，述職晉升面試等，都離不開表達能力的支持。如果一個設計師不懂得推銷自己的設計方案，明明作品很優秀卻輸在了表達上，專業能力會遭受質疑，也會阻礙個人影響力的拓展。

  • 01.“三點式”表達法則：明確表達的核心，邏輯清晰，思路完整，訓練自己對于復雜事情都能總結1.2.3的能力
  • 02.多樣性表達方式：溝通是要用對方聽得懂的語言——包括文字、語調及肢體語言，針對不同的溝通場景和溝通對象，選擇更適合的溝通方式
  • 03.控制時間節奏：大多數人注意力集中的時間是有限的，大部分人難以關注細節

 

多交流

  • 01.引導：主動跟需求方“聊天”，引導需求方說出“隱藏”訴求，明確目標和價值
  • 02.傾聽：消化理解訴求，反饋問題，思考方案
  • 03.反饋互換意見：建立情感氛圍，復述重點

 

找共識

  • 01.價值導向：針對業務訴求點提供專業設計意見，求同存異，找到視覺偏好的“平衡點”
  • 02.有理有據：針對目標和價值模糊不清的部分，理清思路并提供專業一件，有理有據

 

五、多場景下的溝通要點

1.獨立需求的設計對接

Q：如何減少設計溝通中“試一試”的行為？

W：1.需求方沒有預先的期望；2.需求方有自己的期望但無法準確表達。

Point：

1.風格稿很重要！擅長用圖片去探索需求方的風格意向；

2.多跟需求方“聊天”，培養合作默契，有共識才能對話；

3.提供專業意見，主動介紹設計思路及過程，增強作品的說服力；

4.培養需求方的審美情趣，共鳴好的設計。

 

2.統籌角色的多任務協作

圖片

Q：如何提升多人協作的效率和質量？

多方溝通：

  1. 反復溝通確認
  2. 專業思考判斷
  3. 預研方案效果

內部協作：

  1. 同步信息準確
  2. 思維共通交流
  3. 傳達合作意識

以上就是我在實際項目中對溝通的一些心得體會。

結語：溝通能力能讓我們更好的與他人建立信任，探究隱藏的核心問題，提高工作效率，同時也鍛煉我們從感性認知上升到理性規律的歸納總結的能力，不斷進階為更優秀的體驗設計師！

 

原文地址：京東設計中心JDC（公眾號）

作者：何鵑

轉載請注明：學UI網》設計師“進階輔技” —— 高效溝通術

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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


評論(0) 瀏覽(1856)

十二生肖中秋圖

seo達人


嫦娥與兔

 

天狗食月（餅）

 

未羊

 

辰龍

 

酉雞

 

午馬

 

丑牛

 

老豬大吃一頓

 

猴子撈月

 

大蛇

 

 

十二生肖中秋大圖

原文地址：站酷
作者：西城Sakura

轉載請注明：學UI網》十二生肖中秋圖

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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


評論(0) 瀏覽(1929)

如何快速勝任新工作

seo達人



一、任務管理

好的任務管理可以讓你清楚每周每天都有多少磚需要搬，這些磚當中哪些是優先級最高的金磚，哪些是優先級較高的銀磚，哪些是普通磚？可能搬著搬著還有臨時增加的呢，所以好的任務管理才能讓你更加游刃有余，并且自認為養成一個好的自我管理的習慣對自己未來的方方面面都有有很大的益處。

下面我介紹我利用工具管理任務的兩種小方法 ：

  1. 以月、日為維度，對任務進行日常管理，主要利用工具是筆記類軟件，如「印象筆記」
  2. 以臨時、長期持續、或者很久遠以后的任務為維度，對任務進行適時提醒，主要利用工具是待辦清單類軟件，如「滴答清單」

 

方法一：印象筆記

我們可以在印象筆記里面創建兩個文檔，一個本周待辦，一個每日待辦（推薦使用印象筆記的超級筆記來創建，新的編輯器很好用）

圖片

下面是本周待辦

  1. 羅列出本周需要處理的事情，并按照優先級和交付的時間節點安排大概的節奏
  2. 可以將每周都需要處理的事情和額外的一些非緊急的事件記錄其中（此處內容也可以用待辦清單來代替）
  3. 已有的規劃或者包含較多待辦的復雜事件也可以羅列進去

圖片

下面是每日待辦

我會習慣創建完每周待辦后，重新創建每日待辦文檔，繼續細化每天具體干了什么，已經任務的完成度，所以我會以表格的形式去記錄，表頭可以按照自己的喜好來分類（這里按照我自己的習慣創建的表格為例，分為「todolist、時間、進度、備注」，通過todolist、時間來大概分配時間安排一天的工作節奏，通過進度每天跟蹤完成情況，而備注我一般拿來當一個待辦清單來記錄相關明細）。

圖片

 

方法二：滴答清單

待辦事件軟件就是幫助你去記憶一些周期性的、臨時性的事件（它還能設置提醒、反復提醒、一直提醒…直到你去做的提醒，很好地避免你因為事情太多而把一些事情給忘掉）

周期性事件：每日點餐、每日復盤、每周總結…

很久以后的事情：項目驗收、轉正述職、購物計劃…

臨時新增的事件：產品改需求了…

圖片

 

二、項目管理

常規的設計流程如下：

需求定位——產品 PRD 文檔——PRD 同步所有人——交互設計——交互評審——視覺設計——視覺評審——開發——測試——Beta 版本——正式上線

但真實的項目在執行的過程中可能會遇到多種問題，可能你還是一個新人不了解公司業務不了解設計規范，也可能臨時需求變更了、可能開發資源吃緊需要降級方案、可能設計時間被壓縮需要分批輸出等等，下面會根據不同的情況見招拆招一一講解。

 

1. 時間+任務量的合理分配

當你拿到一個需求不管是小迭代還是產品從0-1都會有很多你需要處理的事，但如果你什么都想做一點什么都做不完或者做的不夠滿意，那最后看著交付時間越來越近，交付物卻沒有進展，壓力會非常大。

前期你應該和產品溝通明確這次的需求范圍有哪些？其次了解整個項目的時間規劃是什么？

姿勢A – 時間寬裕任務適中：評估下需要執行的部分 → 確認優先級 → 完整輸出交付開發 → 驗收上線；

姿勢B – 時間緊任務重：評估下需要執行的部分 → 初步確認優先級 →與產品開發協定 分批輸出 → 開發進行的同時輸出其余部分 → 驗收上線；

姿勢C – 時間寬裕任務不確定性高：評估下需要執行的部分 → 優先輸出框架結構給開發 → 視覺部分繼續優化后續交付 → 驗收上線；

 

2.自我解決  尋找答案

遇到不明白的地方先自己想辦法解決，千萬不要自己解決不了還硬扛著，千萬不要自己解決不了還硬扛著，千萬不要自己解決不了還硬扛著。

從資料中尋找答案：如果公司有組件庫和設計指南，那么其中都有很多規范的文檔沉淀和說明。

向周圍的人尋求幫助：剛來公司，你對公司、業務、項目的熟悉程度肯定不如其他人，不懂就問，一來二去答案找到了，你也和其他人熟悉起來了。

 

3.及時溝通  尋求幫助 

在遇到自己短時間處理不了的情況的時候。

預知風險：一方面你需要提前自己的mentor風險點，看看能不能做一些資源上的調配來保證項目的繼續進行。

協調溝通：另一方面如果確實會影響到進度的話提前告知合作方以及調整后的時間規劃。

 

4.風險管理 向上匯報  

遇到重大的項目確實有很多的難點和阻力，需要及時向上匯報，與MGR溝通：

項目重要程度

項目難點

目前進展

 

5.自我調整  接受意見

不管是新人還是老手，可能你在項目當中遇到困難和阻力，內心會很受挫。

不要氣餒 允許自己犯錯：只要這個錯誤不會造成巨大的損失都是能被接受的，調整好心態，從錯誤中吸取教訓，后面再遇到就能游刃有余的解決。

接受意見：不要抱著抵觸的情緒去看待對方的意見，對方也是站在幫助你解決當前苦難的角度在描述，虛心接受。

 

6.方案管理

尤其是大的風格升級或者視覺定義的時候，需要進行多方案嘗試，方案之間的差異性最好大一些，能輸出2-3個方案，每個方案都能分析出相對應的優缺點，有自己比較認可的方案之后拿去和其他人溝通會更加有傾向性，也更容易得到對方的認可。

 

7.大型的產品項目 / 產品迭代

產品提出產品規劃和產品需求之后，設計側也需要做出對應的設計規劃，具體可落地的內容以及相應的時間節點，分階段的去落實設計。

過程中業務方可能不太清楚你的輸出節奏，所以要及時地去和多方（產品、mentor、MGR…）去溝通設計方案以及方案，多方達成意見一致之后，在最終向決策人提案匯報的時候就不會被輕易否定掉，即使被diss，也有多方支持。

風險點：在項目前期就要明確最終決策人，合作方那邊可能也會有不同的層級關系，所以過方案的時候把關鍵角色一起叫上，避免因為匯報對象不是決策人而導致最后方案不通過！

 

寫在最后，好的習慣養成對于任務管理有很大的幫助，明確項目內容量、時間節奏、風險點能更好地對項目進行把控。

 

原文鏈接：酷家樂用戶體驗設計（公眾號）

作者：鐵柱

轉載請注明：學UI網》如何快速勝任新工作

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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


評論(0) 瀏覽(1994)

數據智能四周年海報設計

seo達人


2021年是數據智能中心成立第四年，為了體現各部門的工作內容及其項目，增加大家對數據中心智能團隊的了解，我們進行了這次的海報設計，祝大家四周年快樂。

 

原文地址：站酷
作者：牙線y2x

轉載請注明：學UI網》數據智能四周年海報設計

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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


評論(0) 瀏覽(1813)

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
亚洲国产欧美一区二区三区不卡| 国产精品一区二区你懂得| 成人亚洲性情网站www在线观看| 亚洲免费电影在线观看| 高清视频欧美一级| 亚洲精品一区二区三区在线观看| 一区二区三区中文在线观看| 国产精品视频不卡| 中文字幕精品久久久久| 色777狠狠狠综合伊人| 26uuu另类亚洲欧美日本老年| 日本暖暖在线视频| 国产精品视屏| 川上优av一区二区线观看| 91av精品| 亚洲经典视频| 一级日本不卡的影视| 亚洲精品网站在线播放gif| 黄色欧美网站| 日韩 欧美一区二区三区| 久久亚洲捆绑美女| 国产欧美一区二区三区久久人妖| 久久久久在线观看| 成人三级视频| 国产激情美女久久久久久吹潮| 91亚洲无吗| 亚洲专区欧美专区| 日韩欧美一区二区三区四区| 精品婷婷伊人一区三区三| 国产精品久久久久婷婷| 秋霞欧美视频| 色妞ww精品视频7777| 午夜久久久久久久久久一区二区| 97超碰在线公开在线看免费| 国产精一品亚洲二区在线视频| 国内在线观看一区二区三区| 视频一区免费观看| 97久久精品人人做人人爽50路| 欧美丰满一区二区免费视频| 国产欧美88| 亚洲国产综合色| 国产1区在线| 久久99精品国产一区二区三区| 99精品在线直播| 日韩制服丝袜先锋影音| 国产第一亚洲| 欧美视频专区一二在线观看| 97精品国产福利一区二区三区| 日韩极品在线| 999视频在线观看| 国产精品亲子伦av一区二区三区| 黄色成人在线视频| 国产精品麻豆va在线播放| 欧美日韩国产高清| 欧美一卡2卡3卡4卡无卡免费观看水多多| 欧美大香线蕉线伊人久久国产精品| 青青草伊人久久| 日本最黄一级片免费在线| 精品视频在线观看免费观看| 色婷婷一区二区三区四区| 久久久久久久久久久久久久| 国产精品久久久久久久第一福利| 精品亚洲一区二区三区在线播放| 国产视频一区免费看| 精品视频www| 色www永久免费视频首页在线| 久久久精品一区二区| 午夜美女久久久久爽久久| 亚洲深夜福利视频| 日韩在线播放av| 91久久大香伊蕉在人线| 久久99欧美| 精品中文字幕一区二区| 欧美日韩一区二区三区在线电影| 5566av亚洲| 日韩在线观看一区二区三区| 日本电影亚洲天堂一区| 欧美 日韩 国产一区二区在线视频| 欧美有码在线观看| av在线女优影院| 2021中文字幕一区亚洲| 中文幕av一区二区三区佐山爱| 午夜欧美一区二区三区在线播放| 亚洲图片欧美一区| 91制片在线观看| 欧美高清在线观看| 午夜精品视频一区二区三区在线看| 久久久久久日产精品| 97人人模人人爽人人喊中文字| 国产精品伦理久久久久久| 一区在线观看视频| 综合久久一区二区三区| 午夜一区二区三区不卡视频| 色欧美乱欧美15图片| 国产亚洲综合av| 91蜜桃婷婷狠狠久久综合9色| 免费一区二区三区视频导航| 精品欧美一区二区久久久伦| 日本www在线观看| 香蕉久久精品日日躁夜夜躁| 中文字幕色av一区二区三区| 亚洲精品乱码| 欧美日韩伦理一区二区| 欧美日韩视频在线观看一区二区三区| 欧美视频在线观看免费| 日韩电影在线看| 国产精品美女免费视频| 亚洲热av色在线播放| 精品亚洲a∨| 亚洲黄在线观看| 亚洲婷婷影院| 九九九热精品免费视频观看网站| 欧美午夜不卡视频| 日韩高清不卡一区二区| 日本欧美精品久久久| 亚洲高清视频一区| 一区在线视频观看| 欧美日韩亚洲91| 国产精品视频1区| 精品少妇一区二区三区免费观看| 国产精品毛片高清在线完整版| 欧美88av| 亚洲日产国产精品| 91国内精品| 亚洲精品美女久久7777777| 亚洲一区二区三区免费视频| 自拍偷自拍亚洲精品播放| sm久久捆绑调教精品一区| 美国毛片一区二区| 96国产粉嫩美女| 欧美一区二区在线视频观看| 国产偷国产偷亚洲高清人白洁| 99在线高清视频在线播放| 精品美女国产在线| 成人激情动漫在线观看| 亚洲肉体裸体xxxx137| 青草青草久热精品视频在线观看| 日韩久久精品电影| 欧美午夜片在线观看| 日韩在线视频免费观看高清中文| 久久久久久国产免费| 亚洲欧美中文字幕在线一区| 亚州av乱码久久精品蜜桃| 亚洲mv大片欧洲mv大片精品| 91精品视频大全| 国产精品x453.com| 高跟丝袜一区二区三区| 欧美xxxx网站| 中文日韩在线观看| 中文字幕在线免费观看视频| 成人午夜网址| 污污网站在线看| 91亚洲一区精品| 亚洲国产精品二十页| 在线中文字幕不卡| 日韩欧美中文字幕一区二区三区| 色婷婷综合久久久久中文字幕1| 国产精品一品| 精品伦精品一区二区三区视频| 欧美大片专区| 秋霞成人午夜伦在线观看| 国产精品久久久久久| 日韩av中文字幕一区二区| 久久综合成人精品亚洲另类欧美|