您現在的位置是:電腦技術吧?>? 編程技術 ??>??人機界面,人機界面應用??>??正文詳情

人機界面,人機界面應用

儀弘大2019-11-24 16:11:02 人圍觀
簡介人機界面由什么組成在接下來的幾年里,《IOS人機界面指南》從三個關鍵詞開始:參考、清晰和深度,這三個關鍵詞從未從IOS 7變為IOS 9。在IOS中,UI是內容的支持,總是為內容人機界面

翻了下這幾年的iOS人機界面指南,開篇始終是遵從(Deference),清晰(Clarity),深度(Depth)這三個關鍵字,從iOS7到iOS9從未變過。

在iOS中UI作為內容的支撐,始終服務于內容,就像喬幫主說的設計不只是看上去的樣子和感覺,設計的關鍵在于它如何發揮作用。

  一、遵從 (Deference)  設計為內容服務,UI作為內容的支撐,可以幫助用戶更好地理解內容并與之交互,且不會分散用戶對內容本身的注意力。

以內容為中心被反復強調,而平時設計師卻常常會因為過度追求美感而忽視這一點。

  如何使設計遵從內容,并突出內容:  利用整個屏幕。

  減少視覺修飾與擬物化設計的使用。

漸變和陰影有時會使UI變得厚重,影響用戶對內容的關注。

  使用半透明底板。

半透明能使用戶看到更多的內容,起到短暫的提示作用。

  保證應用清晰度。

  二、清晰 (Clarity)  清晰在這里可以理解為:文字清晰易讀,圖標精確醒目,去除多余修飾,突出重點,以功能驅動設計。

  如何提升應用清晰度:  大量留白。

留白使內容和功能醒目,并傳達出一種寧靜安詳的視覺感受,更好的讓用戶聚焦和高效交互。

  用顏色簡化UI。

突出重點并暗示交互性。

  使用系統字體確保易讀性。

  使用無邊框的按鈕。

在內容區域中無邊框按鈕用文案、顏色及操作指引標題來傳達按鈕功能,激活態時高亮;在默認狀態下所有bar上的按鈕都是無邊框的。

  正確使用標準UI元素:  - 盡可能使用UIkit提供的標準UI元素,多使用標準元素而非自定義元素。

  - 嚴格遵循每個UI元素的設計規范,當你應用中UI元素的外觀與功能都是用戶所熟悉的,他們可以很容易的根據先前的經驗使用它,進而更好的使用你的應用。

  - 避免不同版本iOS里的UI元素混用。

  - 避免創造自定義UI元素來表現標準交互行為。

  - 避免用系統自帶的按鈕和元素傳達其他含義。

  - 在沉浸式體驗的應用中,創造全新的自定義UI是合理的,比如H5頁面和各種游戲類APP。

  使用戶集中注意在主要任務上:  -使用布局來溝通。

用布局告訴用戶什么是最重要的 ,如何選擇,以及事物之間的關聯。

  - 屏幕上半部分放置主要內容。

遵循用戶從左到右的習慣,并從靠左側的屏幕開始。

  - 使用視覺元素的大小和平衡向用戶展示相關屏顯的重要內容。

大控件比小控件更容易在出現時被注意和點擊。

使用對齊來讓閱讀更舒適,讓分組和層次之間更有秩序。

對齊會讓應用整潔有序,也會讓用戶在專注屏幕時篩選重要信息。

不同 信息組的縮進與對齊讓它們之間的關聯更清晰,也會讓用戶更容易的找到某個控件。

  - 確保默認尺寸下重要內容的顯示。

例如:用戶無需水平滾動就能看到重要的文本,或不用放大就可以看到主體圖像。

  - 盡量避免UI上不一致的表現。

有著相似功能的控件看起來應該相似,用戶認為他們看到的不同總是有原因的,而且他們傾向于花時間嘗試。

  - 給每個互動元素留足空間,讓用戶輕松的操作。

常用的點按類控件的大小是44X44。

  三、深度 (Depth)  視覺的層次感和生動的交互動畫會讓UI看起來更有活力,有助于用戶更好地理解并提升用戶的愉悅感。

  如何提升交互性和反饋體驗:  用戶熟悉的標準手勢避免賦予不同的行為,除非是游戲。

  避免創建和標準手勢功能相似的手勢操作。

  用戶已經習慣標準手勢操作,沒有必要讓用戶學習達到同樣效果的不同操作。

  復雜手勢可以作為完成某項任務的快捷方式,但不是唯一的方式。

  用戶很懶,提供給用戶完成某操作的方式盡量簡單、直接,即使這種方法需要額外的動作。

簡單地手勢會讓用戶集中于當前的體驗和內容,而不是操作本身。

  除非是游戲,否則避免定義新手勢  在特定的環境中,可以考慮使用多指操作。

雖然復雜的操作不一定適用于所有應用,但對用戶會花大量時間使用的應用來說可以豐富體驗,例如游戲。

  使用有助于理解的反饋:  - 盡可能將狀態或其他的反饋信息整合到UI中。

最好讓用戶在不進行操作或不跳出當前內容下,獲得需要的信息。

例如,郵箱應用將當前的狀態顯示工具條上,這樣就不影響當前內容。

  -避免顯示不必要的提醒對話框。

對話框是一種很強的反饋機制,只能在傳遞非常重要也是理論上可行的信息時才需要使用它,如果用戶常看到很多不是重要信息的對話框,他們很快就會忽略所有對話框提醒。

版權聲明:本文由 儀弘大 整理編輯。

原標題:人機界面組態軟件,人機界面是啥

轉載注明出處:http://www.dn9ww09s.icu/program/14229.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 愛剪輯去視頻水印教程,ps怎么去掉視頻水印

    愛剪輯去視頻水印教程,ps怎么去掉視頻水印 相關圖片愛剪輯可以去除視頻中的水印有時我們會發現一些視頻,但上面的水印和狗皮膏一樣難看。事實上,我們可以很容易地找到視頻水印只需使用愛情剪輯這個工件。Love clip為風扇提供模糊...

  • 自定義快捷鍵,快捷鍵怎么設置

    自定義快捷鍵,快捷鍵怎么設置 相關圖片查找快捷鍵快捷鍵可以大大提高web開發的工作效率。Dreamweaver CS5本身提供了許多快捷鍵,但有些命令沒有快捷鍵。此時,您可以自定義自己的快捷鍵。具體步驟如下:切換窗口的快捷鍵...

  • 快剪輯視頻調色,視頻剪輯調色

    快剪輯視頻調色,視頻剪輯調色 相關圖片視頻怎么調色作為最易使用的智能視頻編輯軟件之一,愛剪輯在所有細節上追求極致的簡潔,實現一鍵式的應用設計,讓愛的朋友擺脫工具和操作的束縛,更自由地發揮自己的創造力,...

  • 水晶質感,PS水晶質感

    水晶質感,PS水晶質感 相關圖片如何用ps做出水晶質感的效果本教程介紹如何使用焰火設計水晶媒體播放器圖標。設計的圖標非常精致和立體。這個教程很好。希望您能通過本教程全面掌握煙花軟件的使用技巧!前言:...

  • ppt怎么做,ppt如何插excel表格

    ppt怎么做,ppt如何插excel表格 相關圖片pdf轉ppt盡管圖形風格的PPT很漂亮,但它的動態性還是有點差,有時有些內容僅僅用圖形無法很好地描述,因此有必要在PPT中加入flash視頻。你知道如何在ppt中添加flaPPT制作...

  • 數三角形有什么簡單的方法嗎,數三角形的方法圖解

    數三角形有什么簡單的方法嗎,數三角形的方法圖解 相關圖片數三角形的方法的視頻使用CSS border及其屬性值透明實現三角形,最重要的是要了解由于div的高度和寬度是0,邊距和填充也是0,元素框的大小是其邊界的疊加,因為相鄰的邊界會重疊數...

  • office2017密鑰,office2016激活密鑰

    office2017密鑰,office2016激活密鑰 相關圖片office2019永久密鑰Microsoft Office 2010是Microsoft Office產品的常用版本之一,于2009年11月19日發布。是office的第12個版本,包括office10密鑰...

  • 愛剪輯怎么剪視頻片段,愛剪輯如何刪除視頻片段

    愛剪輯怎么剪視頻片段,愛剪輯如何刪除視頻片段 相關圖片手機愛剪輯怎么剪視頻片段Love clip是一個非常實用的視頻編輯工具。例如,如果用戶需要修改捕獲的視頻剪輯,有三種方法可以修改捕獲的視頻剪輯:方法1。在添加的剪輯列中雙擊要修...

  • flash鼠標跟隨漣漪效果,flash怎么做鼠標跟隨

    flash鼠標跟隨漣漪效果,flash怎么做鼠標跟隨 相關圖片flash引導層一。首先,創建一個新的flash文檔:2。將顯示的文字寫在背景上,并自行調整屬性顏色。三。連續按Ctrl B兩次可將文本分隔成圖形。(避免字體丟失)4。選擇移動flash鼠標跟隨...

  • 遵循法則,2 8法則

    遵循法則,2 8法則 相關圖片八十二十法則當你使用PPT的時候,你有沒有想過如何取得更好的效果?很多人認為設計一個漂亮的ppt是相當困難的。其實,只要有一些簡單的規則,就很容易設計出一個PPT,它往往有二...

熱評文章

  • 怎樣使用黃油相機,黃油相機濾鏡下載失敗

    怎樣使用黃油相機,黃油相機濾鏡下載失敗 相關圖片黃油相機新手教程黃油相機是一個非常好的照片美化軟件。在這個軟件中,用戶可以使用許多美麗的過濾器美化照片。不過,最近不少朋友都反映黃油相機不能一直開著。接下來,超人...

  • 守護世紀,世紀守護登錄

    守護世紀,世紀守護登錄 相關圖片守護者世紀戰元免費世紀衛士是一款可以一鍵定位、了解兒童學校情況的軟件。如何應對世紀衛士的安全定位?接下來,超人軟件將為您介紹下世紀衛士安全定位教程。希望你喜歡!世...

  • 共享單車怎樣收費,哈羅共享單車如何收費

    共享單車怎樣收費,哈羅共享單車如何收費 相關圖片共享單車如今,市面上的自行車共享軟件種類繁多,有些非常昂貴。其中,新推出的52款共享單車軟件采用合作營銷模式,價格相對較低。那么52輛共享單車要多少錢?接下來,超人軟件...

  • 定中關系舉例,中調舉例

    定中關系舉例,中調舉例 相關圖片舉例說明中舉的意思CSS繼承由使用的樣式屬性定義。換句話說,當您查看CSS屬性background color時,您將看到一列“inheritance”。您可能不關心它,但是它非定中...

  • 美少女戰士m8市場價,美圖手機卡槽在哪

    美少女戰士m8市場價,美圖手機卡槽在哪 相關圖片美圖美少女戰士限量版美圖M8是美圖秀秀官方推出的最新手機。近日,為了滿足所有愛美人士的可愛心意,美圖M8特別推出限量版美圖M8。那么限量版美圖M8《美眉勇士》多少錢?現在,超...

  • 搖金樹,搖金樹李聰

    搖金樹,搖金樹李聰 相關圖片金樹搖金樹是一個非常實用的生活和購物軟件。在這個軟件中,用戶可以購買各種實用的產品。那怎么買金樹呢?接下來,超人軟件編輯將為您介紹金樹應用購買教程,希望您喜歡!順...

  • 怎樣星座占卜,今天的星座占卜是什么

    怎樣星座占卜,今天的星座占卜是什么 相關圖片星座占卜哪個準軟件快速生成的H5和設計師精心打磨的H5有什么區別?看今天的文章。只是一個星座項目,其背后有很多設計思路,從視覺、代碼實現、交互到知識背景,都體現了設計師...

  • 如何給文件夾加密,如何對文件夾進行加密

    如何給文件夾加密,如何對文件夾進行加密 相關圖片如何將文件夾設置密碼很多用戶認為U盤超級加密3000可以做到,很多加密軟件也可以做到。是真的嗎?事實上,與市場上大多數同類軟件相比,U盤超級加密3000提供了三種不同的加密方法...

  • 3D插件,3d插件有哪些

    3D插件,3d插件有哪些 相關圖片3D游戲插件雖然焰火中沒有三維建模的功能,但是焰火在使用了焰火的擴展三維基本體之后,也可以產生很好的三維效果。在這種情況下,我們將引入焰火擴展3D來幫助繪制旋轉立體球的...

  • 一加五幾年上市的,一加7是什么時候上市

    一加五幾年上市的,一加7是什么時候上市 相關圖片一加五殺時候發布的“一加五”是“一加”今年的旗艦手機。很多想買手機的手機愛好者都受不了。他們迫不及待地想知道什么時候推出1 5,以及1 5手機怎么樣。接下來,超人軟件編輯...

關注微信

变脸官网查询