01「頁面」的誕生——化繁為簡(jiǎn)，超出想象
伙伴云全新推出的「頁面」，是如何誕生的？
「頁面」這個(gè)詞語聽起來很普通，一張A4紙可以叫頁面，一個(gè)屏幕也是一個(gè)頁面。但是伙伴云「頁面」并不簡(jiǎn)單，它凝結(jié)著伙伴云產(chǎn)品和開發(fā)小伙伴們很多心血。
我們?yōu)槭裁匆鲰撁婺�？戴志康提到：想法由來已久�；锇樵谱钤绯休d元素和內(nèi)容的載體，叫做儀表盤。儀表盤可以承載圖表、數(shù)據(jù)等內(nèi)容，給用戶一個(gè)清晰的看板。「頁面」相當(dāng)于是儀表盤的全方位的升級(jí)。
很多用戶在使用系統(tǒng)時(shí)，不僅在處理冷冰冰的數(shù)據(jù)，更希望將數(shù)據(jù)以更直觀的、更美觀的方式來展現(xiàn)出來，甚至是客戶側(cè)的更多內(nèi)容，比如商品列表，訂單信息、公司介紹等。一些企業(yè)需要把內(nèi)部系統(tǒng)和外部系統(tǒng)打通，更需要一個(gè)裝修很好的“門面”為客戶提供服務(wù)。
全新重構(gòu)的「頁面」產(chǎn)品應(yīng)運(yùn)而生，來實(shí)現(xiàn)企業(yè)和個(gè)人多方位、全方位的需求。考慮到大家的上手難度，我們?cè)凇疙撁妗乖O(shè)計(jì)和制作過程中去掉了復(fù)雜的概念，以更簡(jiǎn)化的方式去實(shí)現(xiàn)超出預(yù)期的效果。
02「頁面」整體功能模塊——簡(jiǎn)單拖拽實(shí)現(xiàn)豐富的布局
從「頁面」功能整體結(jié)構(gòu)來說，是按塊劃分的。當(dāng)上手頁面的時(shí)候，可以按照區(qū)域劃分，每個(gè)區(qū)域添加組件，依次從頂部開始輸入標(biāo)題、封面等內(nèi)容。圖片擁有不同的布局，大家可以根據(jù)需要自由選擇，展現(xiàn)形式很豐富。
組件添加后，就可以添加內(nèi)容了。內(nèi)容分為兩種，一種是手動(dòng)填寫，可以點(diǎn)擊跳轉(zhuǎn)連接，我們對(duì)接了第三方圖庫，為大家提供類型豐富的圖片，可以篩選后添加。如果組件的數(shù)據(jù)有結(jié)構(gòu)要求，或者需要統(tǒng)計(jì)分析，可以把組件的數(shù)據(jù)從表格中獲取，將對(duì)應(yīng)關(guān)系匹配。
我們還為用戶提供了一些視圖工具和數(shù)據(jù)操作，視圖工具跟伙伴云表格里的視圖工具是一致的，可以看到有哪些列，將數(shù)據(jù)分組顯示，或者自定義排序規(guī)則等�？梢栽O(shè)置數(shù)據(jù)的基礎(chǔ)操作規(guī)則，是否可以創(chuàng)建、搜索、導(dǎo)入導(dǎo)出等，都可以直接編輯，快捷開啟。
另一種是非手寫的內(nèi)容，我們專門提供了嵌入組件，將網(wǎng)站的嵌入網(wǎng)址提取后粘到組件中就可以實(shí)現(xiàn)，比如嵌入倒計(jì)時(shí)、天氣、音樂、或者小時(shí)鐘等，擁有豐富的想象空間。
現(xiàn)在市面上的網(wǎng)頁設(shè)計(jì)軟件和產(chǎn)品有些難用，因?yàn)樗澈笫鞘褂肈IV組件反復(fù)嵌套進(jìn)行布局的�！疙撁妗乖谠O(shè)計(jì)時(shí)，考慮到了不同DIV的嵌套非常難理解，我們將DIV隱藏起來，做了很多優(yōu)化處理，讓用戶簡(jiǎn)單拖拽實(shí)現(xiàn)豐富的頁面元素布局。
如何設(shè)置樣式呢？?jī)H僅排列內(nèi)容會(huì)看起來不太和諧，或者比較單調(diào)�！疙撁妗固峁┝素S富的樣式設(shè)計(jì)，一個(gè)是頁面的整體設(shè)置入口，在這里可以選擇頁面的結(jié)構(gòu)，是普通網(wǎng)頁類型還是單頁模式，頁面的寬度也可以自行調(diào)整。頁面的背景可以使用純色、漸變、圖片等進(jìn)行填充，頁面的文字、按鈕等也都可以自行調(diào)整顏色。頁面的組件可以通過拖動(dòng)的方式調(diào)整寬度、展示形式等，靈活布局。
03「頁面」適配豐富的場(chǎng)景，建站、文檔，樣樣行
頁面可以應(yīng)用于各種不同的場(chǎng)景，從輕量級(jí)到重量級(jí)，從個(gè)人到團(tuán)隊(duì)到企業(yè)，都可以快速呈現(xiàn)。
個(gè)性化文檔
個(gè)人筆記、個(gè)人簡(jiǎn)歷、產(chǎn)品需求文檔...自由設(shè)計(jì)，場(chǎng)景風(fēng)格你定義！在文檔類頁面中，可以將內(nèi)容擋在大的文本組件中，也可以分塊進(jìn)行�？梢栽O(shè)置文字的大小格式，從一級(jí)到五級(jí)，也可以插入圖片、圖標(biāo)、 emoji 表情、按鈕等。個(gè)人的筆記、簡(jiǎn)歷、公司的知識(shí)庫等，可以選擇自己喜歡的風(fēng)格，添加自己想要呈現(xiàn)的內(nèi)容。
建站
關(guān)于建站，「頁面」可以幫你建立屬于自己的網(wǎng)站。之前做一個(gè)網(wǎng)站導(dǎo)航是很費(fèi)時(shí)費(fèi)力的，需要很多的開發(fā)功能。從首頁跳轉(zhuǎn)到新聞，再從新聞跳轉(zhuǎn)回首頁，不僅包含了連接的問題，還有一個(gè)路由前進(jìn)后退的問題。而在「頁面」中，使用導(dǎo)航組件就可以輕松配置。通過頁面提供的系統(tǒng)組件，可以打開或者關(guān)閉導(dǎo)航欄，導(dǎo)航組件下有導(dǎo)航菜單和導(dǎo)航按鈕的分組，點(diǎn)擊、填寫、拖拉拽，幾步即可完成。
另外數(shù)據(jù)分析功能在近期也會(huì)上線，可以支持各種統(tǒng)計(jì)圖表，分類匯總、進(jìn)度條、多項(xiàng)統(tǒng)計(jì)等。逐漸將原來儀表盤的功能分批拓展到頁面上，讓頁面能夠更加完整地繼承原有功能，并變得更好。
04數(shù)據(jù)詳情頁重大升級(jí) 不止DIY
此次發(fā)布的自定義頁面布局能力，不僅可以替代儀表盤，還可以自己構(gòu)建數(shù)據(jù)詳情頁。告別難以修改的版式、顏色、字體，現(xiàn)在的「數(shù)據(jù)詳情頁」支持DIY各種你想要的頁面和樣式，美觀和實(shí)用兼得。戴志康提到，伙伴云數(shù)據(jù)詳情頁的布局經(jīng)歷了5次革新。最初的數(shù)據(jù)詳情頁是簡(jiǎn)單的字段羅列，第二代支持了布局，比較短的字段可以一行放多個(gè)，提高了整個(gè)頁面的數(shù)據(jù)查看效率。第三代更新可以對(duì)重點(diǎn)內(nèi)容進(jìn)行顏色標(biāo)記，方便快速查看聯(lián)系電話或者客戶名稱等；第四代做到了關(guān)聯(lián)信息，比如點(diǎn)開客戶的字段可以看到他的溝通記錄、歷史訂單等。這里涉及到了子表和儀表盤的內(nèi)容。
之前四次更新迭代，是拘泥于表格本身的，必須和表格建立關(guān)聯(lián)才可以顯現(xiàn)。而現(xiàn)在是第五代的內(nèi)容，我們可以實(shí)現(xiàn)所有相關(guān)的內(nèi)容都呈現(xiàn)在一個(gè)頁面中，有本表的數(shù)據(jù)，也有跨表的數(shù)據(jù)、以及快捷操作。我們希望通過這樣的詳情頁，可以將所有關(guān)聯(lián)的信息都呈現(xiàn)出來，甚至和當(dāng)前數(shù)據(jù)沒有任何關(guān)聯(lián)的數(shù)據(jù)也可以創(chuàng)建，填寫。通過這次更新，我們讓數(shù)據(jù)詳情頁有了更多的擴(kuò)展性和可塑性。
05 關(guān)于頁面的Q&A
Q:「頁面」上線后，儀表盤會(huì)很快下線嗎？
A：很多老用戶在使用儀表盤，不用擔(dān)心，儀表盤不會(huì)下線，新的功能成熟后會(huì)替代儀表盤，但是之前的內(nèi)容是可以看也可以用的，保證順滑地遷移。
Q:頁面會(huì)開放一些代碼能力，讓用戶自己寫樣式嗎？
A：會(huì)的。我們規(guī)劃在組件樣式設(shè)置的地方加一個(gè)欄目，直接用CSS代碼自定義你的樣式組件。會(huì)寫CSS和HML的朋友就有福了，可以做出和其他人不一樣的東西。
Q：「頁面」和notion相比有哪些優(yōu)點(diǎn)？
A：notion更側(cè)重文檔層面，而「頁面」提供了更好的布局，并且提供了notion所不具備的儀表盤分析功能，各種數(shù)據(jù)圖表，讓視覺和內(nèi)容更加豐富。
Q:為什么要投入這么大的精力去做「頁面」？
A：一方面，「頁面」可以讓我們的用戶有更好的使用體驗(yàn)，從而心情愉悅地實(shí)現(xiàn)企業(yè)的數(shù)字化。另一方面也讓數(shù)字化的門檻降低，以易用的體感、直接的數(shù)據(jù)、豐富的內(nèi)容呈現(xiàn)，讓更多地人可以使用起來，這也是數(shù)字化的重要部分�！疙撁妗故强梢詫�(duì)內(nèi)也可以是對(duì)外的，可以幫助我們的用戶為他的客戶提供更好的體驗(yàn)。可以說，「頁面」給用戶提供了各種想象力和可能性。
