晚上正在和 cloud insight 技術負責人爭論「null point mode」問題時，聽說 oneapm 官網上了 bootcss 的優站精選。在一堆設計精巧的外文**中，一抹映襯著中文的藍色確實讓人有些振奮。
老闆何曉陽也覺得可以從官網的設計開發展開到 oneapm 的設計和大家分享一下，便有了這篇文章。本來想從 blueware 這個品牌，說到大眼睛的 oula，然後從大眼睛版本的 oneapm，說到現在的新版本的 oneapm。從非響應式布局，說到響應式布局。從不存在 content management system，到 oneapm 新聞的建立。從完全沒有監控的 oneapm，到 google analytics 和 gtm 在運營部門的普及。
但是 oneapm 設計發展得太快，快到我們都來不及總結我們做了什麼，只記得我們還需要做什麼。
那就說說我們還需要做什麼吧，讓大家了解什麼是 oneapm 的設計，我們的原則和訴求是什麼。
剛來公司的時候，何曉陽先生就說：
未來我們賣的是資料視覺化能力。「視覺化」簡簡單單三個字，背後的意義卻是很多。但是「準確」就像脊椎一樣，支撐著視覺化的全部。
為了準確兩個字，設計總監開始學習前端 css 知識，開始要求設計部門的設計師們，自己寫前端**。為了 13px 的 body font-size，還是 14px，和前端部門計較起來。最後誠惶誠恐地偷摸改掉，為了讓這個 13px 活生生地把部門間搞成了一部甄嬛傳。
再說說剛剛和研發爭論的 null point mode 問題。在做監控的時候，不可避免的存在資料稀疏的問題，如使用者手動停止了資料採集，網路存在跌宕的問題，資料處理過程中導致的資料丟失，那這些丟失的 data 我們到底是該怎麼顯示呢？是塗抹（連線資料點缺失開始和結束的相鄰兩點），還是直接顯示為 null，亦或是 null as zero。
到底是將曲線表達成乙個離散函式，還是表達成連續性函式，但是增量\減量趨勢表達為無限大，亦或是模糊掉這種增量\減量趨勢。並且考慮使用者的使用場景，準確地把基礎設施的運**況傳達給使用者（這種非基礎設施自身的異常，是使用者需要參與的異常，還是不需要使用者參與的異常？）。
我們需要將這種監控的科學性，準確地傳達給使用者，這就是 ux 的一部分。
所以未來，設計團隊會圍繞著準確來強化自己的設計。對齊每乙個畫素，適配每乙個解析度，在所有場景下都達到可用性，準確處理每一項功能。
讓每一處的過度動畫，在加速度、速度、開始時間上做到極度的準確。美雖不是乙個可以量化的物質，但是在通向美的每一次操作，都以科學、準確的標準來抵達。
就像《禪與電單車維修藝術》裡提到的：
在哲學上曾經專門討論良質的定義，就是所謂的美學，它提出來的問題就是何謂美感。該書的最後落點到了：禪。就是在追求良質的過程中，是宗教來達到理性和感性的統一，我們需要包括準確在內的進取心，來達到 oneapm ui 設計上的良質。也就是賈伯斯先生所說的：stay hungry。
設計總監先生說得最多的一句話：
我們要做的是世界級的設計。雖然，每次我都會打趣說：「得了吧，咱們都是沒出過國的土包子」。但是，世界級背後所渴望的願景是，擺脫小作坊的工作模式，往更高的工業標準而努力。
簡單、理性的審美意識，是我們一直想傳達出去的；是圍繞著**設計，而不斷加強和認證的美學基礎。
簡單和理性，現在似乎成為了全世界的**設計，或者說 ui 設計上的乙個工業標準。從美國的蘋果到日本的索尼，再到德國的包浩斯。
我想這也是建築設計出身的設計總監先生，一直堅持我們的官網長這個樣子的原因。
然後，我們來拆解技藝這個詞。設計總監先生說：
要做世界級的設計，需要技藝結合。「技」指的是技術，「藝」指的是藝術。如果乙個設計，只停留在世界級的設計稿階段，會令人感到沮喪。所以，1:1 的技術實現是達到世界級的必備條件。
在 oneapm 設計部門建立之初，總監先生就設立了前端設計師職位來保證設計的技術實現，設計師們開始自己研究前端**，學習 bootstrap，分析其他響應式布局的**的解析度劃分等，苛求設計實現過程中每個細節。相信這也是 bootcss 選定 oneapm 官網作為「優站精選」的原因。
很多人覺得敏捷的核心，可能是速度、反覆迭代，以及循序漸進。但是，單就 ui 這件事情，我們發覺可復用性是關鍵。
只有做到可復用，才有迭代和追求速度的可能。所以在 2015 年年初，前端部門和設計部門針對 oneapm ui 進行了一次重構。前端部門引入了 react，來達到乙個可拼裝化的 ui 介面 js 庫。
目前的 js 庫還存在各種問題，如：對新需求和新樣式的適應能力，針對特性化需求的可配置能力。而這些都是設計部門和前端部門共同努力的方向。
新技術和新的管理模式，是相輔相成的，在 ui 設計和實現的流程上，我們也在尋求一種消除隔閡、追求效率、實踐質量的工作流程和技術手段。
遠離「面霸」，做個「實力派」
前不久，面試時碰到乙個年輕人，顏值不錯，也很有親和力，聊起工作來也也講的頭頭是道，但最終我找了個理由婉拒了他。因為他是乙個 面霸 而並非 實力派 面霸 碰到招聘經驗老到的公司，他們會微笑的聽你講，然後禮貌的拒絕你，他們絕不會告訴你以下幾類判斷 他們沒有義務告訴你他們看出來你是 面霸 有的多是花拳繡腿...
清北網校，線上教育的實力派
2020 年隨著疫情的發展，線上教育迎來了新的篇章，越來越多的孩子通過網路 學習輔導功課，這種線上模式也被家長認可，相比線下輔導班，線上教育平台更加實用，更加便捷，排除了固定的上課時間，避免了途徑的時間浪費，更好的是解決了孩子上完輔導班後回家作業老師不能及時講解的問題，清北網校，作為線上教育輔導平台...
機箱硬碟指示燈不亮 工控炫機箱 實力派ITX小機箱
工控機箱的多樣化，更多炫酷選擇，千人千面，那麼在眾多的選擇當中，挑選一款適合的機箱尤為重要。工控機箱的型別，市面上有分為atx架構 m atx架構 以及mini atx和itx架構，這些主要是依據主機板的大小來區別。炫 在電腦機箱裡運用的比較多，比如 透明機箱 七彩機箱 鏤空機箱 水冷機箱等等 這些...