雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

觸屏界面設(shè)計(jì)要求有哪些?分享觸摸屏界面設(shè)計(jì)基本知識(shí)

Time: 2021-09-22

        說起觸摸屏相信大家一點(diǎn)都不陌生,隨著科技的發(fā)達(dá),現(xiàn)在很多電子設(shè)備都是有觸摸屏這個(gè)功能,那么觸屏界面設(shè)計(jì)有哪些要求呢?今天就讓faceui來給大家詳細(xì)的講解一下觸摸屏界面設(shè)計(jì)要求。

  觸摸屏

  觸摸屏是一種新型可編程控制終端,是新一代高科技人機(jī)界面產(chǎn)品,適用于現(xiàn)場(chǎng)控制,可靠性高,編程簡(jiǎn)單,使用維護(hù)方便。在工藝參數(shù)較多又需要人機(jī)交互時(shí)使用觸摸屏,可使整個(gè)生產(chǎn)的自動(dòng)化控制的功能得到大大的加強(qiáng)。

  觸屏界面設(shè)計(jì)要求

  觸摸屏界面和其它界面的設(shè)計(jì)理念是一致的,就是“以人為本”,讓用戶在首次接觸了這個(gè)界面后就覺得一目了然,不需要多少培訓(xùn)就可以方便地上手使用,從而使用戶第一次操作就獲得快樂感受。

觸屏界面設(shè)計(jì)

  圖片來源于網(wǎng)絡(luò)

  觸摸屏幕的設(shè)計(jì)主要包括布局(Layout),文字用語(Message)及顏色(Color)等。

  1、布局:屏幕布局因功能不同考慮的側(cè)重點(diǎn)不同。各功能區(qū)要重點(diǎn)突出,功能明顯。無論哪一種功能設(shè)計(jì),其屏幕布局都應(yīng)遵循如下五項(xiàng)原則:

 ?。?)平衡原則。注意屏幕上下左右平衡。不要堆擠數(shù)據(jù),過分擁擠的顯示也會(huì)產(chǎn)生視覺疲和接收錯(cuò)誤。

 ?。?)預(yù)期原則。屏幕上所有對(duì)象,如窗口、按鈕、菜單等處理應(yīng)一致化,使對(duì)象的動(dòng)作可預(yù)期。

 ?。?)經(jīng)濟(jì)原則。即在提供足夠的信息量的同時(shí)還要注意簡(jiǎn)明,清昕。

 ?。?)順序原則。對(duì)象顯示的順序應(yīng)依需要排列。

  (5)規(guī)則化。畫面應(yīng)對(duì)稱,顯示命令、對(duì)話及提示行在一個(gè)應(yīng)用系統(tǒng)的設(shè)計(jì)中盡量統(tǒng)一規(guī)范。

  2、文字與用語:文字和用語除作為正文顯示媒體出現(xiàn)外,還在設(shè)計(jì)題頭、標(biāo)題、提示信息、控制命令,會(huì)話等功能時(shí)要展現(xiàn)。對(duì)文字與用語設(shè)計(jì)格式和內(nèi)容應(yīng)注意如下:

 ?。?)要注意用語簡(jiǎn)潔性。避免使用計(jì)算機(jī)專業(yè)術(shù)語;盡量用肯定句而不要用否定句;用主動(dòng)語態(tài)而不用被動(dòng)語態(tài);用禮貌而不過分的強(qiáng)調(diào)語句進(jìn)行文字會(huì)話;對(duì)不同的用戶,實(shí)施心理學(xué)原則使用用語;英文詞語盡量避免縮寫;在按鈕,功能鍵標(biāo)示中應(yīng)盡量使用描述操作的動(dòng)詞。

  (2)格式。在屏幕顯示設(shè)計(jì)中,一幅畫面不要文字太多,若必須有較多文字時(shí),盡量分組分頁,在關(guān)鍵詞處進(jìn)行加粗、變字體等處理,但同行文字盡量字型統(tǒng)一。英文詞除標(biāo)語外,盡量采用小寫和易認(rèn)的字體。

  (3)信息內(nèi)容。信息內(nèi)容顯示不僅采用簡(jiǎn)潔、清楚的表達(dá),還應(yīng)采用用戶熟悉的簡(jiǎn)單句子,盡量不用左右滾屏。當(dāng)內(nèi)容較多時(shí),應(yīng)以空白分段或以小窗口分塊,以便記憶和理解。重要字段可用粗體和閃爍吸引注意力和強(qiáng)化效果,強(qiáng)化效果有多樣,針對(duì)實(shí)際進(jìn)行選擇。

觸屏界面設(shè)計(jì)

  圖片來源于網(wǎng)絡(luò)

  3、顏色的使用:顏色的調(diào)配對(duì)屏幕顯示也是重要的一項(xiàng)設(shè)計(jì),顏色除是一種有效的強(qiáng)化技術(shù)外,還具有美學(xué)價(jià)值。使用顏色時(shí)應(yīng)注意如下幾點(diǎn)

  (1)限制同時(shí)顯示的顏色數(shù)。一般同一畫面不宜超過4或5種,可用不同層次及形狀來配合顏色,增加變化。

 ?。?)畫面中活動(dòng)對(duì)象顏色應(yīng)鮮明,而非活動(dòng)對(duì)象應(yīng)暗淡。對(duì)象顏色應(yīng)盡量不同,前景色宜鮮艷一些,背景則應(yīng)暗淡。

 ?。?)盡量避免不兼容的顏色放在一起,如黃與藍(lán),紅與綠等,除非作對(duì)比時(shí)用。

 ?。?)若用顏色表示某種信息或?qū)ο髮傩裕褂脩舳眠@種表示,且盡量用常規(guī)準(zhǔn)則表示。

      顏色鮮明,示意直觀

  總之,屏幕顯示設(shè)計(jì)最終應(yīng)達(dá)到令人愉悅的顯示效果,要指導(dǎo)用戶注意到最重要的信息,但又不包含過多的相互矛盾的刺激。

  以上就是faceui給大家分享了關(guān)于觸屏界面設(shè)計(jì)要求知識(shí),看完后,各位朋友都應(yīng)該清楚的知道來了觸屏界面設(shè)計(jì)是需要考慮到很多的外在因素,所以觸屏界面設(shè)計(jì)不是一件簡(jiǎn)單的事情。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開