藍藍設計是一家專注而深入的設計公司，致力于提供有效、經(jīng)典卓越的設計，在工作中，目前有很多客戶選擇購買了Bootstrap ui的框架，客戶們選擇Bootstrap的原因是因為它的框架中許多組件已經(jīng)寫好，js等很方便直接引用，程序員們只需直接用就可以，可以把工作的重心放在后臺程序的開發(fā)上。但是Bootstrap ui只是提供了各種元素，無法直接使用，需要進行二次設計和開發(fā)。藍藍設計做了許多這樣的工作，包括整合客戶的業(yè)務和需求重新設計頁面的風格和布局，最后切圖修改Bootstrap ui的css，這里是我們工作前收集的國外各種風格扁平化后臺管理界面,做成系列欣賞，與大家分享～～～～

第一、常見蜘蛛：蜘蛛其實就是搜索引擎用來訪問頁面的程序，英文叫spider，也稱為機器人，英文為bot。有時候查看IIS日志就能看到各種蜘蛛訪問網(wǎng)頁的情況，對網(wǎng)站的優(yōu)化起到一定的指導作用。當蜘蛛訪問一個網(wǎng)站時，會發(fā)出頁面訪問請求并返回HTTP狀態(tài)碼，然后蜘蛛會把這些狀態(tài)碼存入自己的數(shù)據(jù)庫，為以后的各種計算做鋪墊。常見的蜘蛛有百度蜘蛛(Baiduspider)、雅虎蜘蛛(Mozilla)、微軟Bing蜘蛛(msnbot)、搜狗蜘蛛(Sogou+web+bot)、Google蜘蛛(Googlebot)等。一般情況下，IIS日志都會有顯示，站長們應該多花點時間仔細看下蜘蛛對自己網(wǎng)站的訪問情況，然后對自己網(wǎng)站做出調(diào)整。

第二、文件存儲：文件存儲是搜索引擎的一個技術關鍵所在，同時也是面臨的一個挑戰(zhàn)。當搜索引擎爬行和抓取完成后，會把這些數(shù)據(jù)存入原始頁面數(shù)據(jù)庫。在這個數(shù)據(jù)庫存放的數(shù)據(jù)和用戶在瀏覽器中看到的頁面是完全一樣的。每個URL都會有一個獨特的編號。除此之外，還要存儲各種計算權重所需要的數(shù)據(jù)，比如各種鏈接的關系，PR的迭代計算等。這些數(shù)據(jù)量是巨大的。很多網(wǎng)站不存在時，我們可以訪問搜索引擎的快照頁面，這些頁面就是存在搜索引擎自己的數(shù)據(jù)庫中，與站長網(wǎng)站本身的數(shù)據(jù)沒有關系，是獨立存在的。平時的快照更新、排名波動都和搜索引擎的文件存儲有著直接的關系。

轉載一組追波上設計大師 Virgil Pana 的動效作品

“儀表板”、“大數(shù)據(jù)”、“數(shù)據(jù)可視化”、“數(shù)據(jù)分析”——越來越多人和企業(yè)，開始運用他們的數(shù)據(jù)來做一些有趣的事情。在我的職業(yè)生涯中，有幸參與一大批數(shù)據(jù)為重的界面設計，我要在此分享一些觀點，講講如何造就這種特殊且有意義的產(chǎn)品。

藍藍寫

不要匆忙著手設計，理解核心問題需要時間。乍一看到某個問題你會覺得很簡單，其實你并沒有理解其復雜性，當你把問題搞清楚之后又會發(fā)現(xiàn)真的很復雜，于是你就拿出一套復雜的方案來，實際上你的工作只做了一半，大多數(shù)人也會到此為止，但是真正偉大的人還會繼續(xù)向前，直至找到問題的關鍵和深層次原因，然后再拿出一個優(yōu)雅的堪稱完美的有效方案?！獑滩妓?/span>

簡化的4個策略。

怎么判斷什么是不必要的復雜性，怎么簡化這種復雜性。有時解決一個問題會引出其他問題來。

刪除：去掉所有不必要的按鈕，直到減到不能再減。

組織：按照有意義的標準將按鈕劃分成組。

隱藏：把那些不是最重要的按鈕，安排在活動艙蓋之下，避免分散用戶的注意力。

轉移：只有遙控器上保留具備最基本功能的按鈕，將其他控制轉移到電視。

這本書內(nèi)容組織比較散，目錄條理不是太清晰，讀完一遍后，沒找到“交互式設計四策略”，看章節(jié)大概明白了，簡約的四個策略是：刪除、組織、隱藏，轉移，圍繞這四點展開了一段段小章節(jié)，書的前二章說的是關于“簡單”，明確認識簡單，最后一章是再叮囑，簡單的不易和好處。

讀這書本思路需要宏觀跳躍，才能把一篇篇連接起來，讀明白。否則很容易陷入一小節(jié)一小節(jié)的細節(jié)中。如果能把目錄名稱與書名呼應，寫的更明確，每個章節(jié)有重點總結，會更容易讓人記住和理解。

 話說簡單

寫作者摸索中簡單的切實可行的策略，并舉例說明簡單的威力，復雜的產(chǎn)品不可持續(xù)。

在做技術產(chǎn)品的設計時，至少有3個角度：管理人員、工程師和用戶。這本書討論的是怎么樣讓用戶感覺用起來簡單，而非減少管理人員、工程師的工作量。

簡單并不意味著最少化，樸素的設計仍然具有自身的特征和個性。簡單的特征和個性應該源自你使用的方法、所要表現(xiàn)的產(chǎn)品、以及用戶執(zhí)行的任務。

譯者紀：本片文中包含大量的動態(tài)頁面（原網(wǎng)站是視頻鏈接，本網(wǎng)站上傳視頻不能排序，故人工轉為動圖），加載較緩慢，請各位多點耐心，么么噠

---

一個好的交互設計師可以很容易的解釋設計里面的決定背后的邏輯。這包含著信息架構，頁面內(nèi)容的層次結構，流程和所做的解釋。

遲早，動效將會應用到線框圖原型中，這個時候，再去對設計做決定或者是解釋，將會變的難一些。例如一些這樣的理由：太狂拽酷炫了……太潮了……太雞凍了……這將是設計失去其力度的領域（Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.）在我們的設計中，動效理應占到更多的比重。我們應該去定義動效，并且闡述他們的目的——像我們闡述一個設計中其他的元素一樣。

什么是功能動效？

一個好的用戶界面具有較高的轉化率和易用性。換句話說，它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

上一篇：交互設計技巧：創(chuàng)造好的用戶體驗（1）(翻譯)

21. 嘗試平滑過渡而不是突兀呈現(xiàn)

當用戶進行操作的時候，界面元素經(jīng)常會有出現(xiàn)、隱藏、移動、轉換以及大小調(diào)整的動作。作為對操作的回應，為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發(fā)生了什么。以動畫或者過渡的形式刻意制造的延時，給了用戶理解元素大小或者位置變化的必要的反應時間。當然了，你也要記住，我們應該將過渡的時間控制在0.5s之內(nèi)，時間太久的話，用戶可能就會感到不適。對于那些只想快點完成任務的用戶，太長時間的延時當然會成為一種負擔。

 22. 嘗試循序漸進的引導而不是草率地讓用戶注冊

與其要求用戶立馬注冊，何不讓用戶先體驗一些已示范的有價值的操作呢？在最初的交互過程中，不僅能展現(xiàn)產(chǎn)品的價值，也能顯示出產(chǎn)品的個性。一旦用戶開始看到你的產(chǎn)品的價值，了解產(chǎn)品對自己的用處，他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法，同時還可以讓用戶使用和自定義你的應用或產(chǎn)品。

一個好的用戶界面具有較高的轉化率和易用性。換句話說，它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

  1. 嘗試使用一列布局代替多列

一列布局會讓你對全局有更好的掌控。它也能讓你的用戶預先對整體的內(nèi)容從上到下有一個大致的了解。然而多列布局則會讓用戶從頁面的核心內(nèi)容上分散注意力從而增加額外的風險。最好的方法是用一個有邏輯的敘述然后在文末加上一個行動的口號來引導用戶。 

  2. 嘗試用禮物代替直接銷售

在互聯(lián)網(wǎng)時代，誰有互聯(lián)網(wǎng)思維?馬化騰，雷軍，周鴻祎他們有。他們?yōu)槭裁从谢ヂ?lián)網(wǎng)思維?因為他們都是產(chǎn)品經(jīng)理!所謂的“互聯(lián)網(wǎng)思維”其實就是產(chǎn)品經(jīng)理的日常工作方法。這篇文章是一位資深產(chǎn)品經(jīng)理寫的故事，看過后，就算不是IT人，你也一定會有所收獲。

一家軟件公司接到了一個項目：開發(fā)某報業(yè)集團的圖片管理系統(tǒng)，老板決定成立一個跨部門的項目組來負責這個圖片系統(tǒng)。任務由產(chǎn)品經(jīng)理張曉龍負責，韓冰配合張曉龍的工作。

他們商量了一下，決定盡快開一個項目啟動會。會議的目的有兩個，一個是大家互相認識一下，另外一個就是一起討論一下對于這個項目的看法，以及下一步的工作安排。