西派特（北京）科技有限公司是研發(fā)和制造科學(xué)儀器和智能工業(yè)儀表的國家高新技術(shù)企業(yè)，公司總部位于北京經(jīng)濟技術(shù)開發(fā)區(qū)。產(chǎn)品是將光譜與物質(zhì)物化性質(zhì)全息智能分析技術(shù)相結(jié)合，開發(fā)制造的快檢設(shè)備，可快速檢測液體、固體、氣體物料的多種性質(zhì)指標。適用于煉油、化工、煤炭、電力、生物發(fā)酵等領(lǐng)域。

該軟件由北京西派特科技有限公司委托藍藍設(shè)計負責界面視覺設(shè)計、交互設(shè)計。藍藍設(shè)計人員通過前期詳細溝通，參考大量相關(guān)競品，為其提供四種方案視覺設(shè)計。最終雙方確定方案一設(shè)計風格，后續(xù)根據(jù)客戶提供的原型圖及需求完成其他頁面設(shè)計。

自適應(yīng)與響應(yīng)式設(shè)計的介紹和區(qū)別

相信對于做軟件的產(chǎn)品經(jīng)理和技術(shù)總監(jiān)來講，即要保持軟件的優(yōu)秀好用，又要降本增效，減輕開發(fā)人員的工作量。很多軟件公司會選擇用一個現(xiàn)成的框架，如vue,ant等現(xiàn)成大公司開發(fā)的框架語言，里面有一些現(xiàn)成的組件可以復(fù)用。

然爾，如果大家都用vue,ant等現(xiàn)成大公司開發(fā)的框架模版，做出的軟件會千篇一律，所以要在形式色彩上賦與不同的視覺設(shè)計，以彰顯本公司獨特的品牌形象，另外需單獨設(shè)計一些使用頻繁、業(yè)務(wù)創(chuàng)新性、易用性的任務(wù)流程來做個性化的定制。

隨著現(xiàn)代科技的不斷進步，數(shù)據(jù)量的急劇增加，大數(shù)據(jù)已經(jīng)成為人們探索世界的新工具。但是，對于普通用戶而言，大數(shù)據(jù)往往比較抽象和難以理解，因此，大數(shù)據(jù)可視化作為一種非常有效的工具工具被廣泛應(yīng)用。然而，在實際應(yīng)用中，僅僅使用大數(shù)據(jù)可視化工具還不夠，如何從用戶角度出發(fā)，優(yōu)化大數(shù)據(jù)可視化體驗是非常關(guān)鍵的。

昨天產(chǎn)品經(jīng)理訓(xùn)練營的課講的也很棒，今天是講營銷，甚至比得紅點獎的設(shè)計師講座人還要來的多。營銷大于設(shè)計，有廣泛的受眾。[呲牙]
我啟發(fā)很大的一點是：凡事要從目標用戶的角度去思考，定位要準確清晰，思考目標用戶的需好需求，而非僅僅是自己的專業(yè)和能表達的東西。同學(xué)之間互為老師，同學(xué)們都很棒！把那些那古代的，最頂級的高人、牛人、圣人、偉人把它們挖掘出來，列在你的本子上，或者找出他們的畫像，掛在墻上，掛在你的臥室里，掛在你隨時看得見的地方。一有空你就研究他們說過什么話，他們最困難最低谷的時候是怎么度過的?他們看過什么書，他們學(xué)習(xí)過什么知識，他們年輕時候的榜樣都有誰。不管他們離你幾千年，還是離你幾百年。你只要這么干了，你只要足夠的誠心求教，放心好了，你就一定可以在跨時空的隧道里，讓你感受到這個正向能量，讓你充滿力量，充滿浩然之氣，讓你擁有源源不斷的人生智慧，敬畏之心，感恩之心，知行合一，也要像禮物一樣出現(xiàn)在他人的生命里。

今天是十月16號，周一，簡直是被夢想叫醒的，六點多就起來了，五點多就想著公司的一些事情該怎么做才好呢？一件一件的在腦海里晃悠，那還是起床好了！昨天和同學(xué)聚會，收到一個同學(xué)的啟發(fā)，他攢雞毛湊撣子都要出書了，我平常也喜歡碎碎念的寫一些東西，只是寫的多在自己的自留地里面，關(guān)于生活，關(guān)于孩子，工作感悟種種。這次我準備寫一個公司工作的方面的成長日記，把我們工作中遇到的方方面面的問題記錄下來，作為一個回顧，給客戶一個了解我們的途徑。
我們公司成立已經(jīng)是十二年了，中間也經(jīng)歷了許許多多的事情，我們也一步步的在長大，在成熟。要做小而精的公司，是一開始就想好的，就像我們公司的名字，蘭亭妙微，取自蘭亭序，群賢畢至，很開心的在一起做點事，妙在精微。

蘭亭妙微，取自蘭亭序，群賢畢至，很開心的在一起做點事，妙在精微。

人心惟危，道心惟微；惟精惟一，允執(zhí)厥中。這十六個字源于堯舜禹禪讓的故事。人心是危險難安的，道心卻微妙難明。惟有精心體察，專心守住，才能堅持一條不偏不倚的正確路線。人心惟危，道心惟微；惟精惟一，允執(zhí)厥中。人心惟危，道心惟微；惟精惟一，允執(zhí)厥中。這十六個字源于堯舜禹禪讓的故事。人心是危險難安的，道心卻微妙難明。惟有精心體察，專心守住，才能堅持一條不偏不倚的正確路線。人心惟危，道心惟微；惟精惟一，允執(zhí)厥中。這十六個字源于堯舜禹禪讓的故事。人心是危險難安的，道心卻微妙難明。惟有精心體察，專心守住，才能堅持一條不偏不倚的正確路線。在一個公司的成長中，不貪心，唯精唯一的提升自己的公司實力，處事公允，是多么重要的事情啊。

心是幽微難明的，堅持追求“誠”，持之以恒地去修煉。

我們不追求公司的大，就順其自然就好了。能夠像堯舜禹禪讓一樣，做一個能夠傳承的公司，一代一代有接班人，有做事的道德良心，能夠給客戶好的價值，就這樣平平常常就很好。
所以今天我就開始記錄這些日常啦。

要做一個好的UI設(shè)計公司,不僅要在能力上設(shè)計能力一直（十幾年幾十年）保持優(yōu)秀穩(wěn)定的保持輸出，以及心態(tài)的平和寬廣。創(chuàng)始人對做公司要有信心，合伙人之間要同甘共苦，遵守規(guī)則，做好表率。
只要持之以恒做好這些，不斷學(xué)習(xí)。創(chuàng)業(yè)其實也不難。
貪嗔癡慢疑，是人性，
善良信任利他尊重包容也是人性，
一個公司能幾十年長盛不衰，那不僅僅只是設(shè)計能力好的問題。
我們在這個過程中也完成了對自己的修煉。

2.全流程設(shè)計包括有什么主要內(nèi)容和步驟？
1）明確設(shè)計目標，聚焦設(shè)計要解決的核心問題
2）明確目標用戶，要明確產(chǎn)品價值要解決的用戶群體，描述用戶畫像，提煉用戶場景，挖掘用戶需求。
從產(chǎn)品應(yīng)用的具體場景，來研究和理解所涉及到的產(chǎn)品體驗問題。這些可能是產(chǎn)品中已經(jīng)出現(xiàn)的體驗問題，也可能還包括有未滿足的用戶需求問題。通過不同的用戶研究手段，了解已有的用戶行為和使用習(xí)慣，進行策略分析，改變原有業(yè)務(wù)邏輯不合理的操作路徑，進而提出有針對性的交互設(shè)計和視覺設(shè)計解決方案。
3）明確資源配比，了解技術(shù)方案，進行設(shè)計預(yù)估
通過項目啟動會了解產(chǎn)品的功能列表和產(chǎn)品規(guī)劃，避免做出現(xiàn)有功能相沖突/重疊的設(shè)計，進行合理的設(shè)計預(yù)估
4）確定方案流程，確定設(shè)計方案
方案流程可以是流程圖也可以是交互原型圖。最終完成的是高保真的交互原型、可交付開發(fā)實現(xiàn)的UI demo。在以最終的結(jié)果進行專家評審，確認無誤后，進行可用性測試。
5）數(shù)據(jù)對比分析
在有條件的情況下，需要對于設(shè)計前后的數(shù)據(jù)進行對比分析，對比前流程與現(xiàn)流程的差異，關(guān)注某流程的耗時和步驟。大部分B端產(chǎn)品的設(shè)計初衷就是為了某業(yè)務(wù)流程的降本增效。關(guān)鍵就看設(shè)計的產(chǎn)品，在上線后給公司的降低了多少的成本，提高了多少的效率。所以成本和效率也是設(shè)計的產(chǎn)品是否合格的關(guān)鍵因素所在。B端產(chǎn)品設(shè)計可以進行用戶可用性測試，了解設(shè)計帶來的實際收益和效果。依托數(shù)據(jù)合理改正方案。

前一段時間，有一個客戶（甲方主管研發(fā)工作的副總）向我提出了這個問題：如何提高公司程序員工程師的UI審美？
他們公司UI設(shè)計師只設(shè)計其中很小的一部分頁面，大部分頁面要讓程序員自己來做的，程序員開發(fā)出的頁面看起來總是很丑，這是他覺得苦惱的地方。
在聽到這個問題的時候，我很驚訝，覺得這個問題真的是個好問題。我以前關(guān)注的都是設(shè)計師如何提高自己的審美？沒有想過讓程序員提高自己的審美。
據(jù)我了解，他們公司的程序員非常忙，比我們UI設(shè)計公司的加班程度要多很多。我首先想到的是工作都這么辛苦了，能把功能任務(wù)完成就很不錯了，也許能顧上提升UI設(shè)計審美的時間精力有限。
提高審美，不是短期內(nèi)能夠達到的事情，何況術(shù)業(yè)有專攻，工程師們有沒有興趣和精力做這件事情，也是另外的一個問題。
但是，這是一個很好的問題，在一個軟件公司里工程師程序員是占大多數(shù)的，UI設(shè)計師相對人數(shù)比較少的。如果大量的工程師能夠把審美提高易用性提高。確實，這個軟件的整個UI水準就會提高。
如何提升整體軟件的UI設(shè)計美的水準，讓軟件好用又統(tǒng)一？
我首先想到的是制定好的UI規(guī)范，做好全流程的交互設(shè)計原型。通過核心關(guān)鍵場景，關(guān)鍵頁面的梳理，整理出一套設(shè)計語言，規(guī)定好UI規(guī)范。這份工作可以由設(shè)計師來做，把所有的字號顏色使用的元素組件都確定好，關(guān)鍵的場景和頁面做一些模板，制定一份完善的UI規(guī)范，方便工程師按照這些去復(fù)用調(diào)用，降低難度。

出現(xiàn)原因（Reason）：

電腦，平板，智能手機的屏幕尺寸逐漸多樣化，設(shè)備類型的增長增強了網(wǎng)頁的適配需求。
注：屏幕尺寸為瀏覽器尺寸的上限

自適應(yīng)（Responsive）：

自適應(yīng)是根據(jù)設(shè)備分辨率的不同，分別為不同的屏幕進行布局定義，創(chuàng)建多個固定布局，即“多套設(shè)計，多套開發(fā)”。適用于閱讀類交互多的網(wǎng)站，如知乎官網(wǎng)。

響應(yīng)式（Self-adaptive）：

響應(yīng)式是基于同一套代碼、同一套設(shè)計語言，能夠兼容多尺寸、多終端設(shè)備的展示，即“一套設(shè)計，一套開發(fā)”。 網(wǎng)頁根據(jù)顯示寬度（瀏覽器寬度）自動調(diào)整內(nèi)容，適用于企業(yè)、產(chǎn)品等視覺展示型網(wǎng)站中，信息少圖片多，如華為官網(wǎng)。

響應(yīng)式好處（Advantage）：

開發(fā)成本更低，一套代碼。
設(shè)計成本更低，一套設(shè)計。
業(yè)務(wù)迭代更快，一次運營。

響應(yīng)式適配原則（Principle）：

拉伸布局：內(nèi)容在屏幕顯示區(qū)域進行相對拉伸，已達到完整布局。
等比縮放：內(nèi)容在屏幕的相對位置上進行等比例縮放，一般用于圖片。
擴展布局：內(nèi)容可靈活按照屏幕尺寸進行增減，擴展為多行多列等。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢～希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司