<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »界面的一致性是網站交互設計基本規范!

        界面的一致性是網站交互設計基本規范!

        至成科技 2015-07-18 訪問量(1111) 評論(0)
        摘要:
        一:遵循一致的準則,確立標準并遵循
        無論是控件使用,提示信息措辭,還是顏色、窗口布局風格,遵循統一的標準,做到真正的一致。
        1:使用戶使用起來能夠建立起—有效的心里模型,使用熟練了一個界面后,切換到另外一個界面能夠很輕松的推測出各種功能,語句理解也不需要費神理解
        2:降0培訓、支持成本,支持人員不會行費力逐個指導。
        3:給用戶統一感覺,不覺得混亂,心情愉快,支持度增加
        二:(Color)顏色使用恰當,遵循對比原則:
        1:統一色調,針對軟件類型以及用戶工作環境選擇恰當色調:     
        2:如果沒有自己的系列界面,采用標準界面則可以少考慮此方面,做到與操作系統統一,讀取系統標準色表
        3:色盲、色弱用戶,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,?Quot;!,?著重號,以及圖標等
        4:顏色方案也需要測試,常常由于顯示器、顯卡的問題,色彩表現每臺機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試
        5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。
        6:整個界面色彩盡量少的使用類別不同的顏色    
        三:(Resource)資源
        一個多姿多彩的人機交互界面,少不了精美的鼠標光標、圖標以及指示圖片、底圖等。
        1:也需要遵循統一的規則,包括上述顏色表的建立,圖標的建立步驟也應該盡可能的形成標準,參考Itop的Outlookbar圖標設計標準
        2:有標準的圖標風格設計,有統一的構圖布局,有統一的色調、對比度、色階,以及圖片風格
        3:底圖應該融于底圖,使用淺色, 0對比,盡量少的使用顏色。
        4:圖標、圖像應該很清晰的表達出意思,遵循常用標準,或者用戶機器容易聯想的到物件,絕對不允許畫出默認奇妙的圖案。
        5:鼠標光標樣式統一,盡量使用系統標準,杜絕出現重復的情況,例如某些軟件中一個手的形狀就有4鐘不同的樣子。
        四:(Font)字體
        使用統一字體,字體標準的選擇依據操作系統類型決定。
        1.系統大小字體屬性改變的處理。
         Windows系統有個桌面設置,設置大字體屬性,很多界面設計者常常為這個惱火,如果設計時遵循微軟的標準,全部使用相對大小作為控件的大小設置,當切換大小字體的時候,相對不會有什么特殊問題。但是由于常常方便使用點陣作為窗口設計單位,導致改變大字體后,出現版面混亂的問題。
        1:寫程序自動調節大小,點陣值乘以一個相應比例
        2:全部采用點陣作為單位,不理會系統字體的調節,這樣可以減少調節大字體帶來的麻煩。BCB/DELPHI中多采用這種方法,但是必然結果是和系統不統一。
        五:(Text)文字表達
        提示信息、幫助文檔文字表達遵循以下準則:
        1:口語化、客氣、多用您、請,不要用或少用專業術語,杜絕錯別字
        2:斷句逗號句號頓號分號的用法,提示信息比較多的話,應該分段,
        3:警告、信息、錯誤 使用對應的表示方法
        4:使用統一的語言描述,例如一個關閉功能按鈕,可以描述為退出、返回、關閉,則應該統一規定。
        5: 根據用戶不同采用相應的詞語語氣語調,如專用軟件,可以出現很多專業屬于,用戶為兒童:這可以語氣親切和藹,老年用戶則應該成熟穩重。制定標準遵循之。
        六:(ALIGN)控件布局,窗口不擁擠,按功能組合控件
        1:屏幕不能擁擠
          擁擠的屏幕讓人難以理解,因而難以使用。試驗結果(Mayhew,1992年)屏幕總體覆蓋度不應該超過40%,而分組鐘覆蓋度不應該超過62%。讓人看上去,不能太擁擠,也不能太松散。整個項目,采用統一的控件間距,通過調整窗體大小達到一致,即使在窗體大小不變的情況下,寧可留空部分區域,也不要破壞控件間的行間距。
        2:區域排列
          一行控件,縱向中對齊, 控件間距基本保持一致。行與行之間間距相同,靠窗體Border距離應大于行間間距(間距加邊緣留空)。當屏幕有多個編輯區域,要以視覺效果和效率來組織這些區域。
        3:數據對齊要適當
          說明文字,中文版應使用中文全角冒號,縱向對齊時,并按冒號右對其,如圖。縱向控件寬度盡量保持相通。并左對齊。例如金額等字符穿應根據小數點對齊,或者右對齊
        4:有效組合邏輯上相關聯的控件應當加以組合,以表示其關聯性,反之,任何不相關的項目應當分開,在項目集合間,用間隔對其進行分組,或者使用方框劃分各自區域。例如:以下界面,選擇搜索方式來判斷號碼范圍是表示主叫號碼范圍還是被叫號碼范圍,和入帳方式無關,則應該修改為:搜索方式和入帳方式調換位置。以免用戶產生誤解。 

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划