基于手寫字體識(shí)別技術(shù)的筆記APP 設(shè)計(jì)功能與策略探究

摘要：信息技術(shù)的快速發(fā)展，傳統(tǒng)紙質(zhì)筆記已無(wú)法滿足現(xiàn)代用戶之需，大眾更傾向于使用數(shù)字化工具來(lái)記錄和管理信息，打造一款可以載入用戶個(gè)人手寫字體的筆記App，通過(guò)筆記App可以便攜的記錄工作和學(xué)習(xí)中的眾多要點(diǎn)，提升學(xué)習(xí)工作效率，并實(shí)現(xiàn)紙質(zhì)筆記的電子體驗(yàn)感，打造屬于用戶個(gè)人的知識(shí)筆記?；谧煮w識(shí)別技術(shù)，分析字體識(shí)別技術(shù)在筆記App中的應(yīng)用性，結(jié)合筆記App的發(fā)展現(xiàn)狀，總結(jié)歸納出給予字體識(shí)別技術(shù)的筆記App的設(shè)計(jì)策略，并對(duì)筆記App的功能及界面開展設(shè)計(jì)實(shí)踐。從筆記App的產(chǎn)品定位、功能設(shè)置、視覺(jué)設(shè)計(jì)等方面，逐步完善設(shè)計(jì)實(shí)踐。該設(shè)計(jì)策略可滿足用戶的各項(xiàng)使用需求，給用戶帶來(lái)愉悅的使用體驗(yàn)。

關(guān)鍵詞：字體識(shí)別；筆記App；界面設(shè)計(jì)；手寫字體；視覺(jué)設(shè)計(jì)

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2024）23-0140-05

引言

筆記，類似“大腦”的延伸，記錄生活之點(diǎn)滴，重要知識(shí)點(diǎn)亦或是轉(zhuǎn)瞬即逝的靈感，均可以通過(guò)電子筆記的形式被永久保存。相較紙筆，筆記App 更輕，適用范圍更廣，傳統(tǒng)的紙質(zhì)筆記，受限紙張之限，有損壞之險(xiǎn)，筆記App 軟件內(nèi)的云端存儲(chǔ)則可提供數(shù)據(jù)安全保障[1]。

數(shù)字化時(shí)代，可以覺(jué)察“無(wú)紙化辦公”的觀念逐漸蔓延，傳統(tǒng)紙質(zhì)筆記記錄到一定程度，快速查找和存儲(chǔ)成為棘手難題。開展基于手寫字體識(shí)別技術(shù)的筆記App 設(shè)計(jì)探究，讓用戶在使用電子筆記時(shí)擁有實(shí)體紙筆書寫的體驗(yàn)，提供便利知識(shí)記錄服務(wù)，促進(jìn)電子筆記發(fā)展，宣傳“無(wú)紙化”低碳環(huán)保理念，為字體識(shí)別技術(shù)和筆記類App 產(chǎn)品設(shè)計(jì)的發(fā)展提供新方向。

一、筆記App背景概述及研究現(xiàn)狀

（一）介質(zhì)承載與機(jī)器訓(xùn)練：手寫字體識(shí)別技術(shù)概述

信息化浪潮席卷與人工智能技術(shù)日益成熟，文字識(shí)別技術(shù)逐漸走進(jìn)大眾視野，文字識(shí)別領(lǐng)域涵蓋印刷體字符識(shí)別與手寫字體識(shí)別兩大類，現(xiàn)階段印刷字體識(shí)別技術(shù)已取得顯著進(jìn)步，在多個(gè)領(lǐng)域，如車牌識(shí)別、快遞單號(hào)識(shí)別等方向得到廣泛應(yīng)用，極大簡(jiǎn)化日常文字輸入與檢測(cè)流程。手寫字體識(shí)別技術(shù)發(fā)展相對(duì)遲緩，原因在于每個(gè)人的書寫習(xí)慣有所差異，字體樣本識(shí)別難度高于印刷體，手寫字體識(shí)別的模型通常需經(jīng)過(guò)大量的樣本訓(xùn)練，數(shù)據(jù)收集難度大。隨著深度學(xué)習(xí)技術(shù)不斷發(fā)展，卷積神經(jīng)網(wǎng)絡(luò)（Convolutional Neural Networks，CNN）作為主流網(wǎng)絡(luò)架構(gòu)，在目標(biāo)檢測(cè)、圖像分類等研究領(lǐng)域表現(xiàn)突出[2]。目前，在OCR 中采用深度學(xué)習(xí)方法的研究主要集中于文本區(qū)域定位，比如采用Faster R-CNN、Yolo 等模型進(jìn)行自然場(chǎng)景的文字區(qū)域提取與識(shí)別，自然場(chǎng)景下達(dá)到85% 左右的文本檢測(cè)率[3]。通過(guò)引入GoogLeNet 深度卷積模型，也能夠有效地提取字體多尺度特征[4]，此類研究的出現(xiàn)提高了識(shí)別的利用率和準(zhǔn)確性。

融入“現(xiàn)代神經(jīng)網(wǎng)絡(luò)”的字體識(shí)別技術(shù)，不僅使識(shí)別的精度大幅度提升，同時(shí)為應(yīng)對(duì)字庫(kù)龐大導(dǎo)致的訓(xùn)練復(fù)雜問(wèn)題，通過(guò)“筆畫匹配”（筆畫特征提取和筆畫結(jié)構(gòu)與匹配）的方式實(shí)現(xiàn)“高精度化”的漢字識(shí)別技術(shù)。字體識(shí)別技術(shù)的進(jìn)步也使得大量筆記App 中也嵌入了相似的功能，讓用戶可以更便捷地在文檔中迅速加入大量需要的內(nèi)容，不再是需要自行輸入或是插入圖片，提高了筆記軟件的功能性和便捷性，通過(guò)筆畫匹配實(shí)現(xiàn)的漢字識(shí)別技術(shù)不僅提高“識(shí)別準(zhǔn)確度”（字體），通過(guò)引入基于VDSR 超像素神經(jīng)網(wǎng)絡(luò)的方法，也讓用戶可以在筆記App 中查閱自己的手寫字體，給用戶帶來(lái)實(shí)體筆記的體驗(yàn)，用戶的手寫“筆跡載入”可以保護(hù)用戶的知識(shí)產(chǎn)權(quán)，防止個(gè)人內(nèi)容被泄露。

（二）多元之需與記錄協(xié)同：筆記類App 的現(xiàn)狀

筆記App 是以智能手機(jī)為載體，為用戶提供隨時(shí)隨地進(jìn)行記錄的應(yīng)用軟件，改變了傳統(tǒng)的筆記方式，突破空間與用具的限制，降低了時(shí)間和經(jīng)濟(jì)成本，獲得便攜的存儲(chǔ)與分享，有效提升用戶工作、學(xué)習(xí)效率。應(yīng)用市場(chǎng)中的筆記App 多達(dá)數(shù)百種，例如有道云筆記、印象筆記、錘子便簽等（如圖1），筆記App 按功能設(shè)計(jì)上主要分為小而精和大且全兩類。

在“小而精”功能設(shè)計(jì)上，此類筆記App 專注解決單一痛點(diǎn)問(wèn)題，如錘子便簽（如圖2）其出色的備忘錄功能，幫助用戶輕松記錄生活中的點(diǎn)滴；吾記（如圖3）則專注于日記功能，為用戶提供了一個(gè)私密、安全的記錄空間。這些產(chǎn)品多為單機(jī)應(yīng)用或互聯(lián)網(wǎng)功能常被人們忽略，這類產(chǎn)品也存在著一定的弊端，如用戶黏性差，用戶轉(zhuǎn)移幾乎不耗成本，然而這些專注解決“單一痛點(diǎn)”問(wèn)題的筆記App 往往在各自領(lǐng)域內(nèi)深耕，憑借專業(yè)和精細(xì)的功能設(shè)計(jì)，逐漸成為“大且全”這類筆記App 始終無(wú)法替代的存在。

在“大且全”的功能設(shè)計(jì)上，此類筆記App 其功能涵蓋日常生活多維度的“適用場(chǎng)景”，如印象筆記（如圖4）、有道云筆記（如圖5），工作中能夠輕松地進(jìn)行會(huì)議記錄、多人協(xié)作等，在學(xué)習(xí)中用戶可以利用記錄課堂筆記、整理學(xué)習(xí)資料等，在日常生活中也可以用于記錄生活點(diǎn)滴、制訂旅行計(jì)劃等，這類應(yīng)用支持多端的云端存儲(chǔ)服務(wù)，保護(hù)用戶的文件不被遺失，同“小而精”類型的筆記App 相比，他們?cè)诿總€(gè)功能區(qū)域都不夠深化，用戶在針對(duì)性使用功能時(shí)沒(méi)有良好的使用體驗(yàn)，在應(yīng)用場(chǎng)景方面此類產(chǎn)品也是“小而精”類筆記App無(wú)法比擬的。

二、基于手寫字體識(shí)別技術(shù)的筆記App的創(chuàng)新設(shè)計(jì)策略

用戶使用筆記App 的基本需求是“快速存儲(chǔ)”和“高效獲取”。首先，滿足用戶在不同場(chǎng)景下的功能性需求，針對(duì)功能進(jìn)行細(xì)化，其次，探索技術(shù)與筆記產(chǎn)品結(jié)合創(chuàng)新，建立實(shí)體與電子筆記的連接以及如何為筆記App 添加社交屬性，促進(jìn)知識(shí)的傳播和創(chuàng)新，最后，在視覺(jué)上做到簡(jiǎn)潔明了，降低用戶使用負(fù)擔(dān)。最后，從以下5 個(gè)層次對(duì)基于字體識(shí)別技術(shù)的筆記App 設(shè)計(jì)策略進(jìn)行闡述。（如圖6）

（一）場(chǎng)景多維化：滿足復(fù)雜差異的使用需求

用戶使用筆記App 的本質(zhì)是快速處理“差異化場(chǎng)景”下獲取的信息，在設(shè)計(jì)時(shí)應(yīng)注意筆記App 不同場(chǎng)景的適應(yīng)性，如學(xué)習(xí)生活中出現(xiàn)新的靈感需要快速的記錄下來(lái)；參加會(huì)議時(shí)快速記錄會(huì)議要點(diǎn)；旅行購(gòu)物前列出計(jì)劃或清單等，所以筆記App 需要提供適應(yīng)不同場(chǎng)景的記錄功能，支持多種文本格式，圖片、音頻等多種媒體形式的導(dǎo)入。筆記的記錄是為了在需要時(shí)便于查看，如果只記錄不查看，筆記也就失去了意義，因此在滿足各種場(chǎng)景使用需求的前提下，優(yōu)秀的筆記管理模式可以讓用戶更好地使用。

（二）垂直細(xì)分化：精準(zhǔn)導(dǎo)向的梳理功能構(gòu)建

垂直細(xì)分的精準(zhǔn)功能能夠攫取黏性用戶。用戶在使用筆記App時(shí)常會(huì)因?yàn)楫a(chǎn)品功能不全面而放棄原有產(chǎn)品，同時(shí)，“單一維度”的使用性需求、“時(shí)效導(dǎo)向”的精準(zhǔn)化需求，也促使著用戶會(huì)選擇具備這一“顯著功能”的App 產(chǎn)品。以思維導(dǎo)圖功能為例，這是用戶使用此類產(chǎn)品時(shí)“關(guān)注度”最高的內(nèi)容，思維導(dǎo)圖能夠幫助用戶更清晰地梳理思路、整理信息，然而，大量筆記App 的思維導(dǎo)圖功能構(gòu)建過(guò)程繁瑣，極大影響了用戶的使用體驗(yàn)，導(dǎo)致用戶的流失，除了思維導(dǎo)圖功能外，筆記分類、標(biāo)簽管理、同步備份等功能也是用戶在使用過(guò)程中“討論頻率”和“使用頻率”較高的模塊，通過(guò)細(xì)化完善這些功能，筆記App 可以更好地滿足用戶的多樣化需求，提升用戶黏性。

（三）技術(shù)融合化：識(shí)別技術(shù)與智能產(chǎn)品結(jié)合

字體識(shí)別技術(shù)在筆記App 的應(yīng)用帶來(lái)了諸多的便利，例如用戶可以把大篇幅的文檔通過(guò)照片或掃描的形式轉(zhuǎn)換為可編輯的文本；語(yǔ)音識(shí)別與字體識(shí)別的結(jié)合讓用戶可以通過(guò)錄音轉(zhuǎn)換成文字，隨著字體識(shí)別技術(shù)的不斷發(fā)展，基于VDSR 超像素神經(jīng)網(wǎng)絡(luò)的方法可以對(duì)用戶的手寫字體進(jìn)行識(shí)別分析，通過(guò)總結(jié)漢字中的常用筆畫，與已有漢字字體庫(kù)進(jìn)行對(duì)比并提取用戶各種筆畫的書寫方式進(jìn)行字體生成，為用戶建立個(gè)性化的手寫字體數(shù)據(jù)庫(kù)，讓自己的字跡在電子世界留下專屬于自己的印記。

（四）用戶集群化：社群建構(gòu)與互動(dòng)平臺(tái)交流

社群作為用戶交流互動(dòng)的平臺(tái)，創(chuàng)建有良好學(xué)術(shù)氛圍的社群，有助于推動(dòng)知識(shí)深度內(nèi)化。在社群中可以互相分享用戶個(gè)人制作的筆記以及個(gè)人字跡，用戶基于獲取各自所需的“回報(bào)”而與其他用戶進(jìn)行互動(dòng)，知識(shí)分享者主動(dòng)并積極地傳遞知識(shí)，而知識(shí)接收者則需要為分享者提供一定的物質(zhì)或情感上的“回報(bào)”，雙方在一個(gè)充滿互惠與信任的學(xué)術(shù)環(huán)境中進(jìn)行知識(shí)的交換，為用戶提供了一個(gè)良好的學(xué)習(xí)和交流場(chǎng)所。

（五）視覺(jué)規(guī)范化：風(fēng)格簡(jiǎn)潔與界面合理構(gòu)成

在產(chǎn)品的視覺(jué)規(guī)范上，應(yīng)將知識(shí)類App 的“文化規(guī)則性”和“視覺(jué)規(guī)整性”相凸顯結(jié)合，知識(shí)脈絡(luò)的清晰整體和視覺(jué)美學(xué)的“清晰整體”應(yīng)一體化。在調(diào)研過(guò)程中發(fā)現(xiàn)，大量筆記App 的界面設(shè)計(jì)中，部分產(chǎn)品追求圖標(biāo)風(fēng)格統(tǒng)一，彰顯設(shè)計(jì)感，一部分追求識(shí)別性，但缺少對(duì)于細(xì)節(jié)的把控，整體性不強(qiáng)[5]。在界面布局方面，大多數(shù)應(yīng)用選擇使用卡片式、宮格式或列表式的設(shè)計(jì)，此類設(shè)計(jì)方便用戶在不同筆記之間快速切換，但是一部分功能的模塊間存在明顯的割裂感，功能的主次關(guān)系不夠明確。為改善用戶使用體驗(yàn)，文字選擇醒目識(shí)別度高的無(wú)襯線字體，提高閱讀性，在色彩上選用簡(jiǎn)單的顏色，降低用戶對(duì)復(fù)雜顏色的視覺(jué)疲勞，在設(shè)計(jì)語(yǔ)言表達(dá)上，需要采取簡(jiǎn)潔、清晰、高效的設(shè)計(jì)原則，以降低使用過(guò)程中的視覺(jué)燥點(diǎn)，以提高用戶的學(xué)習(xí)專注度[6]。

三、基于手寫字體識(shí)別技術(shù)的筆記App設(shè)計(jì)實(shí)踐

數(shù)字媒體時(shí)代，普羅大眾面對(duì)海量信息、知識(shí)數(shù)據(jù)，使得人們學(xué)習(xí)工作面臨信息過(guò)載、知識(shí)碎片化、知識(shí)保護(hù)等問(wèn)題，筆記App 的出現(xiàn)讓人們快速轉(zhuǎn)化、重組信息資源，隨時(shí)隨地對(duì)碎片化知識(shí)整合和記錄，完善個(gè)人知識(shí)庫(kù)。

（一）“筆記”產(chǎn)品定位與生活場(chǎng)景覆蓋

本產(chǎn)品是一款可以載入用戶個(gè)人手寫字體的筆記類App，涵蓋日常生活的廣泛場(chǎng)景，用戶在使用筆記App 時(shí)主要有記錄、管理、查看3 種基本操作，在滿足用戶多場(chǎng)景使用需求的前提下，細(xì)構(gòu)并擴(kuò)展各項(xiàng)功能，例如：建立良好的分享社群，方便用戶獲取更多的知識(shí)內(nèi)容、融入手寫字體識(shí)別技術(shù)，并為用戶建立屬于用戶個(gè)人的手寫字體庫(kù)，提高用戶的使用興趣為用戶的知識(shí)產(chǎn)權(quán)內(nèi)容保駕護(hù)航。

（二）手寫字體識(shí)別技術(shù)的介入與邏輯

1. 以漢字筆畫為基礎(chǔ)的字體識(shí)別技術(shù)。隨著科學(xué)技術(shù)的發(fā)展，基于深度神經(jīng)網(wǎng)絡(luò)的漢字識(shí)別技術(shù)可以自動(dòng)抽取語(yǔ)句中的“語(yǔ)義特征”，提升“識(shí)別精度”并抵抗外界環(huán)境干擾。但多分類的識(shí)別方式導(dǎo)致計(jì)算成本高昂，且模型擴(kuò)展困難，基于筆畫結(jié)構(gòu)的漢字識(shí)別方法，結(jié)合風(fēng)格轉(zhuǎn)換應(yīng)對(duì)字體變化，從而減少字體數(shù)據(jù)庫(kù)錄入的麻煩。

依據(jù)濟(jì)南大學(xué)束健等人提出的基于“筆畫分割”的多漢字字體識(shí)別技術(shù)[7]，通過(guò)引入基于VDSR 超像素神經(jīng)網(wǎng)絡(luò)的方法，有效預(yù)測(cè)像素間的路徑關(guān)系，優(yōu)化漢字骨架圖像的生成過(guò)程，對(duì)細(xì)化后的漢字骨架圖像進(jìn)行交叉點(diǎn)集合的求解，并采用8 鄰域的模糊處理方式來(lái)消除這些交叉點(diǎn)。創(chuàng)新的字體識(shí)別技術(shù)既保證了模型在預(yù)測(cè)筆畫數(shù)量時(shí)的準(zhǔn)確性，又顯著降低了模型預(yù)測(cè)的時(shí)間復(fù)雜度，提高了整體性能，解決了現(xiàn)有字體識(shí)別方法中由于擴(kuò)展字庫(kù)造成的重復(fù)訓(xùn)練問(wèn)題，通過(guò)提取漢字圖像中基本的筆畫結(jié)構(gòu)來(lái)實(shí)現(xiàn)基于筆畫的漢字匹配識(shí)別。

2. 字體識(shí)別方法及底層原理。用戶上傳字跡圖片時(shí)，為提高識(shí)別率，首先對(duì)文字的圖像進(jìn)行處理，對(duì)每個(gè)文字進(jìn)行標(biāo)記并獲得所有文字的“待選區(qū)域”，對(duì)所選區(qū)域的文字進(jìn)行風(fēng)格轉(zhuǎn)換，將其轉(zhuǎn)換為標(biāo)準(zhǔn)的楷體漢字，更精確地提取筆畫信息。對(duì)轉(zhuǎn)換后的數(shù)據(jù)進(jìn)行二值化處理，并將處理后的結(jié)果輸入到筆畫分割提取網(wǎng)絡(luò)中，以提取單個(gè)字符的所有筆畫分段結(jié)果。對(duì)獲得的預(yù)測(cè)結(jié)果進(jìn)行預(yù)處理，通過(guò)連通域劃分的方式確定最大的區(qū)域，計(jì)算圖像之間的IoU（交并比）比值進(jìn)行最終筆畫段的合并。將識(shí)別結(jié)果按照預(yù)設(shè)的筆畫段類型送入數(shù)據(jù)庫(kù)中進(jìn)行對(duì)比識(shí)別，實(shí)現(xiàn)對(duì)圖像中字符筆畫的準(zhǔn)確識(shí)別和分類，識(shí)別成功后將標(biāo)記文字送入字體生成模型中，基于用戶字跡對(duì)模型進(jìn)行訓(xùn)練學(xué)習(xí)從而產(chǎn)出用戶的手寫字體。（如圖7）

（三）筆記App 功能設(shè)置與模塊設(shè)計(jì)細(xì)分

“筆跡”根據(jù)筆記類App 的使用需求上主要分為記錄、管理、查看、分享4 個(gè)大功能，在App 內(nèi)部又分為首頁(yè)、文件庫(kù)、新建筆記、發(fā)現(xiàn)和我的五大基本板塊，五大模塊逐層遞進(jìn)，功能結(jié)構(gòu)細(xì)分明確，以達(dá)到準(zhǔn)確的工具分類和使用的便捷性。（如圖8）

1. 直抒胸臆與功能劃分：“首頁(yè)開端”板塊設(shè)計(jì)。首頁(yè)板塊設(shè)計(jì)上采取“直抒胸臆”的形式，給用戶以直觀的視覺(jué)模塊劃分，功能劃分上立足于需求和便捷導(dǎo)向。涵蓋“搜索”“功能卡片”“筆記欄”3 個(gè)基本功能框架，“搜索”欄用戶可快速找到想要查看或使用的筆記，搜索欄下方的功能卡片中設(shè)立3 個(gè)可橫向滑動(dòng)的頁(yè)面，作用在于方便用戶處在“快速使用”功能場(chǎng)景下，可更為便捷快速打開。第3 個(gè)頁(yè)面的最后放置“功能自定義”功能，用戶根據(jù)自己的喜好和需求，修改各項(xiàng)功能處在的頁(yè)面位置?！肮P記欄”會(huì)顯示最近編寫的筆記，每一篇筆記以卡片的形式顯示在頁(yè)面中，在每個(gè)卡片右側(cè)用戶，可以為“關(guān)鍵筆記”添加“提醒”和“標(biāo)記”，用戶在“提醒”中設(shè)定時(shí)間提醒時(shí)，會(huì)通過(guò)手機(jī)通知的方式提醒用戶，設(shè)置“標(biāo)記”筆記會(huì)置頂在筆記欄中，方便快速編輯查看。用戶可通過(guò)“全部筆記”的小三角按鈕處，自定義修改筆記欄中筆記的顯示方式，例如，顯示摘要、列表視圖、按日期分組等，讓產(chǎn)品更加人性化和便捷。在“任務(wù)中心”中為用戶搭建成就系統(tǒng)，為用戶提供相應(yīng)的“回報(bào)”獎(jiǎng)勵(lì)，以促進(jìn)用戶的活躍度，例如，在用戶連續(xù)使用時(shí)間達(dá)到一定時(shí)間時(shí)給予“學(xué)童”“學(xué)霸”等成就稱號(hào)，加強(qiáng)用戶持續(xù)使用。

2. 知識(shí)圖譜與海量存儲(chǔ)：“文件庫(kù)”板塊設(shè)計(jì)?！拔募?kù)”設(shè)計(jì)上，建立其用戶與產(chǎn)品中的一套“橋梁星圖”，以海量存儲(chǔ)和筆記整理去梳理知識(shí)脈絡(luò)。板塊中“選擇”“知識(shí)星圖”“云端”“筆記本”功能可以對(duì)用戶編寫的筆記進(jìn)行整理，用戶通過(guò)右上角“選擇”功能對(duì)每個(gè)筆記和筆記本進(jìn)行重命名、刪除、移動(dòng)、加密等操作，生成的同時(shí)會(huì)在筆記本內(nèi)自動(dòng)生成智能目錄，更加直觀了解筆記本內(nèi)各個(gè)筆記的關(guān)聯(lián)和總體特征，對(duì)于未加入筆記本內(nèi)的筆記，頁(yè)面右上角“知識(shí)星圖”功能中可以進(jìn)行多個(gè)筆記之間、筆記與筆記本之間知識(shí)星圖的創(chuàng)建和查看，構(gòu)建用戶個(gè)人的知識(shí)圖譜。對(duì)于用戶對(duì)每個(gè)界面不同的需求的問(wèn)題，采取了與首頁(yè)一致的自定義修改顯示方式的功能，方便用戶的瀏覽。“云端”功能可以讓用戶同步不同端之間的文件，也可以將文件上傳至云端保護(hù)用戶的文件安全。

3. 誤觸操作與協(xié)作形式：“新建界面”板塊設(shè)計(jì)?！靶陆ń缑妗笔怯脩粼谑褂卯a(chǎn)品過(guò)程中頻率最高的功能（界面），為避免用戶查看筆記過(guò)程中誤觸，導(dǎo)致筆記內(nèi)容修改，將筆記界面分為了瀏覽和編輯兩種狀態(tài)。頁(yè)面處在在瀏覽狀態(tài)時(shí)，用戶不能編輯筆記并在右下角出現(xiàn)編輯按鈕，點(diǎn)擊按鈕才可以進(jìn)入編輯狀態(tài)，關(guān)閉鍵盤時(shí)進(jìn)入瀏覽狀態(tài)不可對(duì)文檔修改?！吧弦徊健痹谟脩艟庉嫵霈F(xiàn)錯(cuò)誤時(shí)幫助用戶退回上一步的操作如果誤觸“分享”功能可以讓用戶將筆記分享給其他用戶查看或編輯，在分享時(shí)可以選擇生成筆記二維碼。在有需要多人一起創(chuàng)作筆記的場(chǎng)景下可以使用“協(xié)作”功能，創(chuàng)建在線筆記并邀請(qǐng)其他用戶一起加入到筆記的創(chuàng)作中。除了這些功能外，在進(jìn)行文本編輯時(shí)鍵盤框上方會(huì)出現(xiàn)輔助工具框，輔助工具框中包含了多種編輯工具如“個(gè)人字跡”“樣式調(diào)整”“插入圖片”“AI 助理”等，為更好地滿足用戶的使用需求，輔助工具框會(huì)根據(jù)用戶當(dāng)前的操作和文檔內(nèi)容智能推薦相關(guān)的編輯工具，為提高用戶的使用體驗(yàn)，用戶可以通過(guò)拖拽輔助工具框來(lái)調(diào)整輔助工具框的位置和展示方式。

4. 集市社群與激勵(lì)機(jī)制：“發(fā)現(xiàn)”板塊設(shè)計(jì)?！鞍l(fā)現(xiàn)”板塊建構(gòu)共享的集市社群，設(shè)計(jì)聯(lián)動(dòng)的激勵(lì)機(jī)制，包含“贊和收藏”“朋友”“筆跡集市”“消息”“筆跡圈”等功能。用戶可以在“筆跡圈”內(nèi)對(duì)公開的筆記進(jìn)行點(diǎn)贊、評(píng)論、收藏，讓用戶接觸到不同行業(yè)內(nèi)的筆記作品，擴(kuò)展自己的知識(shí)面提高自身能力。也可在“筆跡圈”內(nèi)分享自己或獲取其他用戶基于“報(bào)酬激勵(lì)”機(jī)制公開的筆記。“朋友”和“消息”功能的出現(xiàn)讓用戶在“筆跡圈”內(nèi)能夠找到自己志趣相投的朋友（如圖9 所示），與朋友實(shí)時(shí)溝通互動(dòng)，共同分享創(chuàng)作的喜悅，探討心得體會(huì)，創(chuàng)建和諧共生的社區(qū)環(huán)境?！肮P跡集市”中涵蓋了個(gè)人字跡、模版、在線書城欄目，在內(nèi)部為用戶提供了大量可選擇的筆記模版，用戶可以在編輯筆記時(shí)按需查找使用，用戶在使用App 內(nèi)的字跡功能時(shí)也可以在“筆跡集市”中獲取其他用戶發(fā)布的個(gè)人字跡或App提供的書法字跡，豐富用戶的筆記內(nèi)容，在線書城的出現(xiàn)滿足了用戶的閱讀需求，讓用戶可以在線獲取、閱讀電子書籍。

（三）筆記App 的典型設(shè)計(jì)特征及視覺(jué)呈現(xiàn)

1. 產(chǎn)品形式特征：用戶書寫捕捉與個(gè)性設(shè)計(jì)標(biāo)注。在功能創(chuàng)新和形式上，將用戶“書寫筆記”和“隨筆記錄”作為一種實(shí)時(shí)捕捉，獨(dú)樹一幟的筆跡形成“歷史性”標(biāo)記和“知識(shí)性”沿襲的顯著烙印，提升用戶黏性和趣味性。筆跡可以看作一種獨(dú)特的視覺(jué)形象，是肉眼能夠直接捕捉到的書寫具體表現(xiàn)，絕非抽象或虛幻的概念，筆跡具備個(gè)人特性，這種差異化恰恰體現(xiàn)在每一個(gè)字跡和筆畫之中，構(gòu)成了每個(gè)人筆跡形象的獨(dú)特體系。通過(guò)將每個(gè)人的個(gè)人筆跡載入到筆記App 中，讓用戶使用筆記App 時(shí)可以選擇使用自己的筆跡來(lái)書寫，讓書寫者的個(gè)性和情感在電子世界中得以延續(xù)和傳承。用戶可以通過(guò)筆跡集市分享個(gè)人字跡來(lái)?yè)Q取相對(duì)應(yīng)的報(bào)酬，用所得報(bào)酬來(lái)獲取其他用戶的個(gè)人字跡或筆記模板，用不同的筆跡或模板不斷豐富筆記的創(chuàng)作內(nèi)容，讓筆記的創(chuàng)作更有趣味性，在電子世界中留下屬于自己的個(gè)性語(yǔ)言。

2. 界面交互特征：模式切換有序和布局簡(jiǎn)潔明了。唐納德·諾曼在其著作《設(shè)計(jì)心理學(xué)》指出“設(shè)計(jì)一個(gè)有效的界面，不論是計(jì)算機(jī)或門把手，都必須始于分析一個(gè)人想要做什么，而不是始于有關(guān)屏幕應(yīng)該顯示什么‘某種隱喻’或者觀念”。筆記類App 大多在視覺(jué)風(fēng)格（交互流程）上呈現(xiàn)多元化，這無(wú)形中為增添了用戶的認(rèn)知負(fù)擔(dān)，通過(guò)對(duì)交互模式進(jìn)行優(yōu)化，以最少的操作步驟達(dá)到想要的效果讓用戶可以輕松實(shí)現(xiàn)各種操作，重新布局界面元素，注重營(yíng)造井然有序的美感，在界面布局上采用了底部標(biāo)簽式導(dǎo)航，保證用戶可以在各個(gè)板塊直接進(jìn)行切換，為增強(qiáng)用戶的視覺(jué)焦點(diǎn)，當(dāng)前正在使用的板塊在導(dǎo)航欄會(huì)高亮顯示，可以快速辨別所處的功能區(qū)域，為用戶編輯方便“新建筆記”會(huì)一直成高亮狀態(tài)，保證用戶可以隨時(shí)隨地進(jìn)入筆記的創(chuàng)作，每個(gè)板塊中默認(rèn)采用列表式布局的方式，使得每個(gè)功能模塊劃分清晰明了，用戶也可以根據(jù)個(gè)人使用習(xí)慣進(jìn)行布局排列的自定義。

3. 色彩美學(xué)特征：沉浸書寫體驗(yàn)和直觀視覺(jué)識(shí)別。在筆記和知識(shí)類App 設(shè)計(jì)的美學(xué)特征和上，應(yīng)建構(gòu)一種直觀的視覺(jué)導(dǎo)向，以明確、扁平、簡(jiǎn)化為設(shè)計(jì)規(guī)則，消解復(fù)雜的流程和視覺(jué)觀感，優(yōu)化色彩飽和和降低視覺(jué)疲勞，提升用戶的使用頻率和積極性。App 產(chǎn)品命名為“筆跡”，筆跡基本含義指的是字跡、字體的樣子，是個(gè)人書寫風(fēng)格的獨(dú)特體現(xiàn)，在“筆跡”的啟動(dòng)圖標(biāo)設(shè)計(jì)上，采用了手寫書法字體來(lái)書寫“筆跡”這個(gè)名稱，底部選取實(shí)體紙張的紋理顏色，給予用戶真實(shí)書寫的感受（如圖10 所示）。“筆跡”App 的功能圖標(biāo)基于用戶視覺(jué)認(rèn)知，通過(guò)擬物化設(shè)計(jì)和扁平化風(fēng)格并采取簡(jiǎn)潔明了的圖形設(shè)計(jì)，具有直觀的識(shí)別性，在色彩上采用黑色和黃色的組合進(jìn)行設(shè)計(jì)，黑色代表沉穩(wěn)與內(nèi)斂，黃色則象征著活潑與奔放，這種色彩搭配具有強(qiáng)烈的視覺(jué)沖擊力，給用戶以活潑奔放之感，同時(shí)有內(nèi)斂與沉穩(wěn)之韻。字體選擇上，選擇了蘋方字體，閱讀效果更好[8]，字體清晰明了，線條流暢，保證了用戶使用時(shí)舒適度。

結(jié)語(yǔ)

數(shù)字媒體時(shí)代，普羅大眾會(huì)接收到海量信息知識(shí)，“終身學(xué)習(xí)”理念普及與在線辦公的發(fā)展，知識(shí)整理、辦公記錄的需求不斷增加，筆記應(yīng)用的重要性日趨顯現(xiàn)。字體識(shí)別技術(shù)與筆記App 的結(jié)合，提高了App 的功能性和便捷性，同時(shí)通過(guò)載入用戶的手寫字體讓用戶在數(shù)字世界中留下自己獨(dú)特的印記，以需求導(dǎo)向、用戶導(dǎo)向、視覺(jué)導(dǎo)向出發(fā)，解構(gòu)出典型的設(shè)計(jì)特征和創(chuàng)新架構(gòu)（如圖11 所示）。梳理筆記App 的發(fā)展現(xiàn)狀，總結(jié)歸納處基于字體識(shí)別技術(shù)的筆記App 的設(shè)計(jì)策略，展開相應(yīng)的設(shè)計(jì)實(shí)踐，希望以此為契機(jī)，可不斷深化對(duì)“字體識(shí)別技術(shù)”的手寫字體在筆記App 中的應(yīng)用、思考、研究，吸引更多設(shè)計(jì)師和從業(yè)者將目光聚焦于這一具有潛力的領(lǐng)域，共同推動(dòng)其發(fā)展。

課題基金：山東省大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目資助《“筆跡App”— 打造專屬于用戶的個(gè)人知識(shí)庫(kù)》（項(xiàng)目編號(hào)S202313320009X）

參考文獻(xiàn)

[1]劉春爽.Android平臺(tái)手寫筆記系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].北京郵電大學(xué)，2022.

[2]易堯華，楊鍶齊，王新宇，等.自然場(chǎng)景文本檢測(cè)關(guān)鍵技術(shù)及應(yīng)用[J].數(shù)字印刷，2020，（04）：1-11+22.

[3]閆飛，張華，馮春成，等.基于遷移學(xué)習(xí)的卷積神經(jīng)網(wǎng)絡(luò)印刷漢字字體識(shí)別模型研究[J].數(shù)字印刷，2021，（02）：36-45.

[4]趙歡.電子出版物字體替代和字體識(shí)別方法研究[D].北京信息科技大學(xué)，2018.

[5]景奕煒，魏志成.老年友善視角下的移動(dòng)醫(yī)療APP適老化設(shè)計(jì)探究[J].設(shè)計(jì)，2024，37（03）：90-92.

[6]黃文鋒，劉顏楷.基于社會(huì)交換理論的文獻(xiàn)筆記共享APP設(shè)計(jì)策略研究[J].設(shè)計(jì)，2023，36（02）：118-120.

[7]束健.基于筆畫分割的多字體漢字識(shí)別[D].濟(jì)南大學(xué)，2023.

[8]李?yuàn)?博物館標(biāo)志設(shè)計(jì)中漢字圖形化設(shè)計(jì)的應(yīng)用研究[J].設(shè)計(jì)，2023，36（07）：37-39.