繪畫與攝影的交流和交易平臺
——AT

賴奕然，黃靖宇，何海洋

（中山大學新華學院信息科學學院，東莞 523133）

0 引言

互聯網技術讓人們實現更加快速的信息共享與交流，構建網絡平臺來更好地服務用戶已成為時代的潮流。但目前，繪畫和攝影從業者、愛好者還沒有一個統一的信息交流平臺進行溝通交流，藝術與科技（art&technology，AT）便應運而生。它能夠讓用戶快速地進行信息交流，在平臺上分享自己的作品，包括但不限于畫作、攝影、油彩等。通過該平臺，用戶不僅可以學習、交流、教學、提升自我，還可以通過發布視頻、解答疑惑、攝影約拍等渠道來賺取酬金。

1 需求分析

1.1 市場環境分析

蜂鳥網和中國插圖網的公開數據顯示，中國學習攝影和繪畫的人數份額不僅巨大，而且正在逐步上升，這意味著市場空間巨大；同時在熱詞搜索中，繪畫和攝影的關鍵詞也呈遞增趨勢。通過地區分析，大部分集中在廣東地區，所以以廣東為重點地區來推廣該平臺很有必要。

1.2 態勢分析

AT 平臺的優勢在于繪畫與攝影的結合。藝術理應是相輔相成的，但是在構圖上、設計上，繪畫與攝影是互補的，繪畫需要在現實中獲得靈感，攝影需要在繪畫中得到啟發。AT 的局限性在于對市場份額的爭搶力度不大，由于我們針對的是畫師、攝影師以及這兩個領域的愛好者，受眾太小很難得到推廣。根據調查，整個國內市場幾乎沒有關于繪畫與攝影結合的APP或小程序，但國外網站已有這樣的先例，因而我們的優勢在于我們是以新生力量的身份進入市場。在現有需求未得到滿足的情況下進入市場，通過推廣來搶占一定的市場份額，獲得固定客戶。小程序發布后，難免遇到同行的競爭。在當今快速的互聯網競爭下，一旦發現這塊市場還沒瓜分完畢，必定會有資本進入。所以我們要穩住心態、互相借鑒，與第三方合作，穩住核心用戶，通過流量分析，增強自身核心競爭力。

2 技術分析

此項目實現的產品是使用Mpvue 框架進行前端開發，基于微信小程序開發者工具端口開發的微信小程序，采用HTLM5、CSS 和JavaScript 進行開發。如今小程序開發的技術已經較為成熟。同時微信小程序推出的云開發模式服務，可以極大縮短開發周期，節省云計算的算力，節約更多的計算資源。

2.1 工具架構

Mpvue 基于Vue.js 核心，修改了Vue.js 的runtime 和compiler 實現。微信小程序開發工具提供微信小程序的API 和頁面的開發調試、代碼查看和編輯、小程序預覽和發布等功能。

2.2 工具特征

Mpvue 是一個開源的前端框架，對vue.js 腳本語言具有相當好的兼容性。Mpvue 框架核心在于提高小程序開發的效率。Mpvue 的出現提高了Html 編寫的前端程序的復用性，減少了工作人員的工作量。

同時此項目使用了較為前沿的“小程序+云開發”的小程序開發模式。支持托管服務容器，不限框架和語言，常駐運行、天然鑒權，可快速進行業務遷移。同時無需搭建服務器，只需要使用平臺提供的各項能力，即可快速開發業務。對于小型團隊來說，這種開發模式不僅提高了工作效率，而且減少了對后端開發和后端數據的處理，減輕了服務端的部署壓力。它能夠更好地連接云端資源和能力邊界、訪問，打通不同端口的界限，使多個端口共享同一份云資源。在運營成本上，采用按量計費，后端資源根據業務流量自動擴容，先使用后付費，無需支付閑置成本，成本更低。在進行業務邏輯時，云開發服務也提供了云函數。在云計算方面，無需過多的軟硬件資源支持，使用服務商提供的共享資源，降低了算力的門檻。根據云計算還能增強數據分析，提高技術服務效率，幫助開發者更高效地實驗與測試程序功能，打造專屬的客戶模型。

3 功能設計

3.1 核心功能概述

核心功能包括學習與咨詢、話題討論、約拍與約畫。

3.1.1 學習與咨詢

用戶可以將與拍攝和繪畫相關的心得體會、教學教程、自己創作的作品、在創作中遇到的問題等通過帖子或視頻的形式發布出來，供其他用戶閱覽和評論。平臺會通過獨家簽約或者與藝術展覽館合作等方式邀請名人、名師入駐站內，站內獲得認證的名人和名師會有特殊的認證標記。用戶進行評論時，若認為自己的評論對題主有作用，且希望收取一定的費用，可以設置有償回答，只會顯示一部分的評論內容，題主需要支付一定的金額才可以看到完整評論。

3.1.2 話題討論

后臺每天都會設置各種各樣的話題供用戶討論，不僅僅是與攝影和繪畫有關的話題，還有很多日常和時事的話題，豐富用戶的應用體驗，幫助用戶更好地找到志同道合的人。也會指定最新的畫展、攝影展、藝術館信息，供用戶瀏覽。

3.1.3 約拍與約畫

這是一個可以供高水平畫師和攝影師接單的功能，即可以約私人合作，也可以約商業訂單，攝影師或畫師父可以發布自己的合作要求，包括酬勞等等，想要約單的用戶則需要主動去與攝影師溝通，達成一致。我們也推出了“附近的人”功能，你可以看到附近的人分享的攝影作品、繪畫作品或者日常。用戶如果旅游到了外地，也可以在“附近”里看到相關的攝影展或藝術館的信息，或者在當地通過“附近”功能找到志同道合的人。同時用戶也可以和附近的人分享自己今日的喜怒哀樂。

3.2 主要功能需求設計

每個模塊都有底部標簽導航，自左至右依次為：“論壇”、“接單”、“消息”和“我的”共四個標簽。用戶在各入口頻繁跳轉不會丟失方向，能夠輕易進行功能間的快速切換。小程序總體框架圖如圖1所示。

圖1 小程序總體框架圖

3.2.1 論壇模塊

論壇模塊分為“推薦”、“視頻”、“帖子”和“話題”四個模塊。頂部導航欄可以跳轉到相應頁面，點擊底部導航欄的“+”可以發表帖子或視頻，可在搜索框搜索需要的信息，設計在頁面的頂部，清晰明了。論壇模塊部分功能效果圖如圖2所示。

圖2 論壇模塊部分功能效果圖

（1）推薦模塊。熱門資訊輪播圖位于模塊的頂端。熱門的繪畫與攝影的資訊信息以圖片輪播方式展示；接下來是話題列表，采用的是宮格導航，點擊跳轉進入專欄，進入專欄擴展相關信息。最后是熱門信息推送列表，采用內容式列表，主要顯示其他用戶發表的內容，根據信息熱度自動推送信息條，為無目標的用戶提供建議。

（2）視頻模塊。個性化推薦用戶喜愛的視頻信息，采用三級內容式列表，顯示標題、用戶和用戶發表的內容。

（3）帖子模塊。主要采用內容式和標簽式列表混搭，本模塊主要以圖片和文字為主，所以在列表中就會體現出部分內容信息，點擊進入問題的詳情頁，可以瀏覽詳細的問題和所有用戶的回答的部分內容，同樣是內容式列表；點擊其他用戶的回答可以進入回答詳情頁，可以詳細閱讀其他用戶的答案，部分用戶會開啟付費查看，需要支付作者所定的金額，才能閱讀全部回答，否則只能查看部分回答。

（4）話題模塊。頂部標簽欄為世界各地的繪畫或攝影展覽館信息以及繪畫或攝影比賽信息。緊接著是話題界面，同樣采用內容式列表，后臺每天都會設置當下熱門的話題供用戶討論。

3.2.2 接單模塊

接單模塊分為“約拍”、“約畫”和“附近”三個小模塊。頂部導航欄可以跳轉到相應頁面，點擊底端導航欄的“+”發出約單要求和個人簡介。接單模塊部分功能效果圖如圖3所示。

圖3 接單模塊部分功能效果圖

（1）約拍、約畫模塊。采用雙列窗口式列表，使用戶可以更直觀地瀏覽信息，每個窗口顯示個人或工作室的名稱、接單要求以及部分作品縮略圖。點擊可進入詳情頁。

（2）附近模塊。主要顯示附近的人發表的內容，使用內容式列表。

3.2.3 聊天模塊

主要顯示用戶與用戶之間，用戶與攝影師、畫師之間，畫師和攝影師彼此間的交流內容，使用標簽式列表，更加直觀方便。

3.2.4 我的模塊

頂部顯示用戶頭像及常規信息。當未登錄時顯示默認頭像，基本信息處顯示“未登錄”字樣。可以進入“設置”，設置個人信息和應用權限等。下面是我的錢包、我的訂單、我的評價、意見反饋、我的設置、我的關注、我的消息、通知、歷史記錄和退出登錄共十個功能。次級導航使用了列表式導航，每一個功能都會跳轉至相應的詳情頁面。

4 結語

伴隨著攝影人群和繪畫人群的不斷增大。“繪畫+攝影+約拍”的商業模式可以為之提供更多的實踐機會，能讓從業者和愛好者更好地相互交流；另一方面，能讓這種藝術的結合更加深入地走進大眾群體之中。

本平臺是使用Mpvue 框架進行前端開發，并基于微信小程序開發者工具端口和云開發模式開發的微信小程序產品。隨著時代的進步，繪畫攝影約拍走向更制度化、大眾化、公開化，本平臺將會在此領域產生更加深遠的影響。