導(dǎo)語(yǔ)：平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)分析一文來(lái)源于網(wǎng)友上傳，不代表本站觀點(diǎn)，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

摘要：為了能夠有效提升用戶對(duì)于移動(dòng)產(chǎn)品形成的用戶體驗(yàn)，并滿足用戶的多樣化需求。文中立足信息化時(shí)代背景，分析移動(dòng)互聯(lián)網(wǎng)信息背景下的交互設(shè)計(jì)、人機(jī)交互及用戶體驗(yàn)，提出嵌入式Linux技術(shù)下平面設(shè)計(jì)系統(tǒng)的圖形界面顯示系統(tǒng)設(shè)計(jì)思路，概述該系統(tǒng)的主要結(jié)構(gòu)組成，建立Microwindow系統(tǒng)架構(gòu)，設(shè)計(jì)Framebuffer設(shè)備驅(qū)動(dòng)程序，以及系統(tǒng)硬件電路設(shè)計(jì)，和對(duì)界面設(shè)計(jì)中的文字、圖形、色彩以及風(fēng)格展開(kāi)深入探討。結(jié)合設(shè)計(jì)應(yīng)用情況，發(fā)現(xiàn)提出基于計(jì)算機(jī)技術(shù)的平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)，能夠?qū)崿F(xiàn)用戶在具體操作過(guò)程中把握系統(tǒng)界面設(shè)計(jì)要點(diǎn)，并提高用戶對(duì)界面的操作舒適度。

關(guān)鍵詞：平面設(shè)計(jì)系統(tǒng)；界面設(shè)計(jì)；計(jì)算機(jī)技術(shù)；驅(qū)動(dòng)程序設(shè)計(jì)；用戶體驗(yàn)；實(shí)例分析

隨著移動(dòng)互聯(lián)網(wǎng)5G時(shí)代的到來(lái)，處于信息化時(shí)展背景下，Web終端、手機(jī)終端的系統(tǒng)用戶量也日益增加，大量開(kāi)發(fā)各類餐飲娛樂(lè)APP，經(jīng)終端整合各類信息，實(shí)現(xiàn)用戶在隨時(shí)隨地都可以資源化瀏覽。因此如何能夠豐富用戶在應(yīng)用系統(tǒng)中的多樣化體驗(yàn)，文中提出基于計(jì)算機(jī)技術(shù)下的平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)思路，引入嵌入式系統(tǒng)Linux計(jì)算機(jī)技術(shù)。該技術(shù)作為IT新領(lǐng)域下研發(fā)的技術(shù)之一，擁有高效、易定制、支持硬件且穩(wěn)定運(yùn)行的技術(shù)性能，與其開(kāi)放性源碼和免費(fèi)特點(diǎn)相結(jié)合，使得如今在計(jì)算機(jī)各行業(yè)領(lǐng)域中Linux嵌入式操作系統(tǒng)應(yīng)用逐漸廣泛，譬如PDA、WAP手機(jī)、機(jī)頂盒等，均能夠滿足系統(tǒng)提供功能化Web瀏覽器。該技術(shù)包括了HTML支持、JavaScript技術(shù)支持，以及Java虛擬機(jī)技術(shù)支持。這些操作技術(shù)想要在計(jì)算機(jī)終端實(shí)現(xiàn)，都需要重視能夠基于高度可靠性與良好運(yùn)行性能的GUI支持。移動(dòng)界面平面設(shè)計(jì)中的文字、圖形、色彩均作為向操作用戶傳播信息的主要橋梁。所以怎樣才能夠?qū)⑵矫嬖O(shè)計(jì)系統(tǒng)功能充分發(fā)揮，運(yùn)用嵌入式系統(tǒng)Linux完成平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)就尤為重要，本文將對(duì)此展開(kāi)研究。

1平面設(shè)計(jì)系統(tǒng)界面用戶體驗(yàn)

1.1移動(dòng)應(yīng)用交互設(shè)計(jì)。人機(jī)交互概念最初源自于IT技術(shù)領(lǐng)域，主要指的是人機(jī)界面能夠和用戶操作之間形成相互作用。自“交互設(shè)計(jì)”概念提出之后，交互系統(tǒng)的核心設(shè)計(jì)元素包括了人、動(dòng)作、完成操作動(dòng)作的輔助類工具與技術(shù)環(huán)境，系統(tǒng)通過(guò)綜合分析產(chǎn)品因素，經(jīng)功能系統(tǒng)、交互模型及信息架構(gòu)滿足系統(tǒng)需求，并對(duì)各方因素關(guān)系進(jìn)行協(xié)調(diào)加以設(shè)計(jì)。交互設(shè)計(jì)的兩大基本目標(biāo)在于能夠?qū)崿F(xiàn)產(chǎn)品可用性、產(chǎn)品體驗(yàn)感。將移動(dòng)界面作為用戶設(shè)備之間的主要互動(dòng)橋梁，能夠讓用戶快速進(jìn)入交互操作流程。1.2人機(jī)交互與用戶體驗(yàn)。自上世紀(jì)末期唐納德•諾曼經(jīng)過(guò)一系列論證并詮釋了用戶體驗(yàn)設(shè)計(jì)。如今用戶體驗(yàn)設(shè)計(jì)已經(jīng)作為互聯(lián)網(wǎng)技術(shù)產(chǎn)品的關(guān)鍵命脈，用戶體驗(yàn)就是說(shuō)用戶在應(yīng)用產(chǎn)品時(shí)所形成的心理感受，逐漸延伸至用戶精神層面所形成的必然結(jié)果。用戶在實(shí)現(xiàn)產(chǎn)品互動(dòng)中，結(jié)合產(chǎn)品設(shè)備相關(guān)信息，反思下一步的產(chǎn)品技術(shù)操作。信息反饋就是回應(yīng)用戶的技術(shù)操作，經(jīng)過(guò)一系列應(yīng)答讓用戶能夠確認(rèn)自己的請(qǐng)求是否正在處理中。保證用戶可以獲得良好的技術(shù)反饋，用戶也希望在對(duì)移動(dòng)操作設(shè)備操作過(guò)程中，能夠更好地獲得系統(tǒng)處理和即時(shí)反饋。

2系統(tǒng)總體架構(gòu)

文中提出基于計(jì)算機(jī)嵌入式Linux技術(shù)的平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)思路，基于uClinux嵌入式圖形界面顯示系統(tǒng)。uClinux嵌入式操作技術(shù)作為一種能夠?qū)ｉT(mén)完成無(wú)存儲(chǔ)器管理技術(shù)單元的定制協(xié)議處理器嵌入式Linux操作系統(tǒng)，該技術(shù)能夠?qū)崿F(xiàn)內(nèi)嵌Microwindow，從而為嵌入式系統(tǒng)平面設(shè)計(jì)系統(tǒng)界面，提供良好技術(shù)支撐。共計(jì)包括硬、軟件兩大組成部分，軟件主要包括了以下三大部分：uClinux、Framebuffer驅(qū)動(dòng)程序、Microwindow。硬件采用了Motorola系列嵌入式CPU5272、EPSON系列的13506LCD控制器，還有TRULY公司生產(chǎn)的系列MCT⁃G320240DNCW液晶顯示器系統(tǒng)界面設(shè)計(jì)顯示硬件系統(tǒng)。采用的uClinux嵌入式內(nèi)核版型號(hào)是2.4.17。該平面設(shè)計(jì)系統(tǒng)界面總架構(gòu)，見(jiàn)圖1。

3Miceowindow技術(shù)架構(gòu)

在本次設(shè)計(jì)中運(yùn)用的Miceowindow技術(shù)，具備了輕量型GUI，可以控制占用較少的資源，并具備了較高系統(tǒng)可靠性與輕型技術(shù)特點(diǎn)，目前在工業(yè)信息技術(shù)領(lǐng)域得以廣泛運(yùn)用。Miceowindow技術(shù)目前對(duì)工業(yè)實(shí)時(shí)控制系統(tǒng)、嵌入式系統(tǒng)來(lái)講十分符合，能夠完成精致、小巧且定制型用戶界面支持系統(tǒng)。Miceowindow技術(shù)作為分層式架構(gòu)，底層可以兼容屏幕、鼠標(biāo)/觸摸屏、鍵盤(pán)接口，且不會(huì)對(duì)任何的特殊硬件過(guò)于依賴。中間層作為能夠移植類圖形引擎。最高層可以滿足多類API圖形界面系統(tǒng)的程序調(diào)用。如今在系統(tǒng)應(yīng)用共計(jì)包括兩類API，分別包括ECMAAPIM、NANO⁃XAPIS。以上這兩類API能夠基本兼容目前計(jì)算機(jī)32/64位與Xwindow系統(tǒng)，能夠比較簡(jiǎn)便地成功移植從Miceowindow系統(tǒng)操作程序如圖2所示。對(duì)于uClinux技術(shù)下運(yùn)用的Microwindow底層SCREEN抽象接口，可以基于LinuxFramebuffer設(shè)備接口基礎(chǔ)之上開(kāi)發(fā)應(yīng)用，F(xiàn)ramebufferdevice能夠抽象化顯示圖形設(shè)備，表示平面設(shè)計(jì)系統(tǒng)界面的硬件幀緩存。接下來(lái)本文也將對(duì)Framebuffer設(shè)備驅(qū)動(dòng)程序的硬件設(shè)計(jì)環(huán)境進(jìn)行探討。

4Framebuffer設(shè)備驅(qū)動(dòng)設(shè)計(jì)

基于Minux下的驅(qū)動(dòng)設(shè)備主要包括了網(wǎng)絡(luò)、字符、塊三類設(shè)備接口，而文中的Framebuffer設(shè)備，最初在設(shè)計(jì)過(guò)程中必然會(huì)受到技術(shù)局限，對(duì)于平面設(shè)計(jì)系統(tǒng)操作者來(lái)講，幀緩沖并不和目錄/dev以及Framebufferdevice的其他輔助設(shè)備有明顯區(qū)別，作為字符類設(shè)備應(yīng)用了29作為設(shè)備的主號(hào)，在幀緩沖設(shè)備中區(qū)分了次設(shè)備號(hào)。幀緩沖驅(qū)動(dòng)程序以四大數(shù)據(jù)結(jié)構(gòu)作為主要程序組成，基于include/linux/fb.h程序內(nèi)完成以下數(shù)據(jù)結(jié)構(gòu)的分別定義，包括了fb_info、fb_var_screeninfo、fb_fix_screeninfo、fb_monospecs，除了第1個(gè)需要基于內(nèi)核空間才可以成功訪問(wèn)外，其他三個(gè)均可以實(shí)現(xiàn)于用戶空間訪問(wèn)。以下為幀緩沖驅(qū)動(dòng)程序的源代碼設(shè)計(jì)用例：importjava.awt.BorderLayout；importjava.awt.Color；importjava.awt.Cursor；importjava.awt.Dimension；importjava.awt.FlowLayout；importjava.awt.Graphics；importjava.awt.GridLayout；importjava.awt.event.*；importjava.io.*；importjavax.swing.*；publicclassUserLoad{ImageIconicon；JFramef1=newJFrame（"jack"）；JPanelcontentPanel=newJPanel（）；GridLayoutshow；}4.1fb_var_screeninfo該結(jié)構(gòu)程序成功實(shí)現(xiàn)了視頻板卡類硬件在設(shè)計(jì)中的固定類特性，對(duì)于初始化硬件時(shí)這些特性就已經(jīng)被界定不可隨意更改。因此在應(yīng)用過(guò)程中該類結(jié)構(gòu)體，將是不可或缺的關(guān)鍵成員，就作為smem_len、Line_length。其中前者能夠?qū)︼@存大小情況加以顯示，后者則可以對(duì)具體行的byte統(tǒng)計(jì)數(shù)目加以顯示，從而便捷化實(shí)現(xiàn)顯存指針向下一個(gè)顯行的盡快下移。4.2fb_fix_screeninfo該數(shù)據(jù)結(jié)構(gòu)對(duì)于平面設(shè)計(jì)系統(tǒng)界面中的部分硬件定義了可變性，而具備的可變性對(duì)于系統(tǒng)運(yùn)行過(guò)程中，能夠經(jīng)系統(tǒng)應(yīng)用程序?qū)崿F(xiàn)動(dòng)態(tài)化改變。正由于應(yīng)用篇幅有限，所以需要作出新的相應(yīng)結(jié)構(gòu)體成員解釋。Xces、yres定義于系統(tǒng)界面用戶可視的真實(shí)分辨率中。Xres_vierual及yres_virtual作為虛擬化分辨率，能夠成功實(shí)現(xiàn)顯存分辨率的準(zhǔn)確界定。譬如400的界面顯示垂直分辨率，那么便可以獲得800的虛擬顯示屏分辨率。而這也表示了在顯示屏內(nèi)的800行顯示行每次僅僅將存儲(chǔ)的400行顯示出來(lái)。4.3fb_infofb_info作為以上四個(gè)數(shù)據(jù)結(jié)構(gòu)中至關(guān)重要的組成部分，不同于其他三個(gè)僅僅能夠?qū)崿F(xiàn)內(nèi)核空間訪問(wèn)，其內(nèi)部界定structfb_ops，該結(jié)構(gòu)成員則主要包括了系列化Framebuffer數(shù)據(jù)所組合而成。4.4fb_monospecsfb_monospecs只能應(yīng)用于2.5.x內(nèi)核中，不可以在目前內(nèi)核中使用。結(jié)合以上對(duì)四個(gè)數(shù)據(jù)結(jié)構(gòu)分析，幀緩沖設(shè)備及一般字符設(shè)備之間并不存在明顯區(qū)別，所以可以將視頻硬件設(shè)備的驅(qū)動(dòng)程序給出兩種設(shè)計(jì)選擇，其一就將視頻硬件抽象化作為一般類字符設(shè)備，相似于驅(qū)動(dòng)程序。第二類作為編寫(xiě)幀緩沖設(shè)備驅(qū)動(dòng)程序。但是第一種應(yīng)用不夠規(guī)范，且應(yīng)用功能受限。運(yùn)用函數(shù)register_chrdev作為應(yīng)用函數(shù)內(nèi)核注冊(cè)類設(shè)備，主要包括三類技術(shù)操作參數(shù)，其中，分別為主設(shè)備號(hào)、對(duì)應(yīng)參數(shù)主設(shè)備的驅(qū)動(dòng)程序名稱和驅(qū)動(dòng)程序等級(jí)執(zhí)行具體操作的函數(shù)指針。

5硬件電路設(shè)計(jì)運(yùn)用

Coldfire該系列的5272嵌入式CPU型號(hào)，該型號(hào)產(chǎn)品作為目前的中低檔類產(chǎn)品使用，但這并不代表該類產(chǎn)品的應(yīng)用效率低，能夠?qū)崿F(xiàn)在66MHz主頻接口下，達(dá)到63MIPS，與MPC860MIPS相接近，且擁有十分豐富的外圍電路接口，達(dá)到較高的Coldfire系統(tǒng)集成度。其中，5272總線作為32位數(shù)據(jù)同步類總線，在設(shè)計(jì)傳輸總線時(shí)往往支持異步、同步終止，對(duì)于5272外圍類器件所達(dá)到的傳輸周期，通過(guò)運(yùn)用TA信號(hào)能夠?qū)崿F(xiàn)于總線傳輸周期，完成總線傳輸異步終止。運(yùn)用BS0~BS3作為主要的總線接口信號(hào)顯示，I/O空間不存在內(nèi)存映射，且并未擁有專門(mén)I/O空間地址。圖3為5272系列與13506的接口電路。

6平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)應(yīng)用實(shí)例

6.1界面風(fēng)格設(shè)計(jì)。考慮到平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)的主要用戶群作為年輕人，對(duì)于色彩豐富度需求較大，但在系統(tǒng)軟件功能方面則要符合簡(jiǎn)單化操作。借助鼠標(biāo)點(diǎn)擊即可對(duì)用戶的操作日程相關(guān)信息進(jìn)行方便查看，需要主要以灰色系，配色以輕松明快的亮色，界面風(fēng)格用例見(jiàn)圖4。6.2用戶導(dǎo)航顯示。需要保證用戶導(dǎo)航的簡(jiǎn)潔直觀，并采用明確的文字描述方式，實(shí)現(xiàn)文字配合圖標(biāo)用例，并讓用戶能夠看到按鈕的同時(shí)，便可以迅速地想到并執(zhí)行相應(yīng)功能，用戶導(dǎo)航顯示用例如圖5所示。6.3界面設(shè)計(jì)可用性評(píng)估。進(jìn)入設(shè)計(jì)用例界面后，便會(huì)呈現(xiàn)系統(tǒng)用戶導(dǎo)航及新手入門(mén)指導(dǎo)，能夠更方便地指導(dǎo)用戶對(duì)軟件功能更好地了解，由于面對(duì)學(xué)生群和辦公室為主要用戶群，因此界面設(shè)計(jì)需要盡可能地保證簡(jiǎn)潔明了，具體的按鈕文字可以對(duì)相應(yīng)的功能清楚表示，讓用戶可以在有限時(shí)間內(nèi)快速學(xué)會(huì)使用平面設(shè)計(jì)系統(tǒng)。該界面設(shè)計(jì)的軟件數(shù)據(jù)支持用戶在操作過(guò)程中能夠?qū)崿F(xiàn)本地存儲(chǔ)并將相關(guān)信息成功上傳服務(wù)器，由于所受其他網(wǎng)速等原因影響，對(duì)于不方便實(shí)現(xiàn)服務(wù)器讀取數(shù)據(jù)時(shí)，需要采用本地操作，從而充分增強(qiáng)運(yùn)行速度。該平面設(shè)計(jì)系統(tǒng)界面共包括三層，均實(shí)現(xiàn)于主界面，能夠幫助用戶及時(shí)完成待辦事項(xiàng)和直觀可視功能集成。

7結(jié)語(yǔ)

目前已經(jīng)有較多的嵌入式系統(tǒng)被應(yīng)用于界面設(shè)計(jì)中，尤其對(duì)于工業(yè)控制領(lǐng)域應(yīng)用更為普遍。文中通過(guò)引入計(jì)算機(jī)嵌入式Linux技術(shù)，提出基于計(jì)算機(jī)技術(shù)的平面設(shè)計(jì)系統(tǒng)界面設(shè)計(jì)思路。并對(duì)設(shè)計(jì)中的四大數(shù)據(jù)結(jié)構(gòu)進(jìn)行詳細(xì)分析，結(jié)合界面設(shè)計(jì)用例發(fā)現(xiàn)能夠有效提升用戶對(duì)于移動(dòng)產(chǎn)品形成的用戶體驗(yàn)，并滿足用戶的多樣化需求。

作者:梁少英 單位:廣西民族大學(xué)相思湖學(xué)院