界面設計范文
時間：2023-04-03 09:39:53
導語：如何才能寫好一篇界面設計，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。
篇1
關鍵詞：多媒體界面設計
界面是計算機系統中跟人打交道的部分，是用戶與計算機系統的接口，與人和計算機的關系密切。在多媒體課件中，用戶界面的設計是一門藝術，它綜合了多個學科的內容。據統計，在人類通過感覺器官收集到的各種信息當中，視覺約占65％。因此，在多媒體課件設計過程中，充分考慮人的視覺特性是十分重要的，靈活的人機界面對于調動和激發學習者的興趣，提高學習積極性，具有重要作用。為此，我們應從以下幾個方面考慮來精心設計操作界面。
一、操作簡便
多媒體課件是面向用戶的，在設計時要考慮到用戶的特點、能力、知識水平，應把立足點著重放在那些非計算機操作者，不應對用戶有額外的知識、技能要求。因此必須做到：
1.安裝使用力求方便。課件的安裝、啟動過程應力求簡單，一般通過鼠標和鍵盤的幾個簡單操作動作即可完成。開始運行時，應對課件的結構、內容、主要操作方法、功能鍵等進行簡短的介紹。在整個課件運行過程中，對命令鍵、功能鍵的命名應始終如一，所有功能鍵只能賦予一項功能，并盡可能在屏幕上顯示功能鍵和提示信息。
2.菜單力求簡明合理。設計時，根據教學內容的需要，把教學內容劃分成若干層次，利用菜單技術來實現多層結構，各級菜單應逐層深入，直至覆蓋全部教學內容。菜單的分級最好不要超過三級，每級菜單都應設置返回按鈕，以便學習者不想往下學習時，可隨時返回上級菜單。菜單的表達方式有文字式、圖形式、表格式、圖文混合式等多種形式。文字菜單比較簡單，可設計成下拉的方式，逐級選擇子菜單；圖形菜單新穎直觀，根據教學內容，設計成形象的圖標，用鼠標一點就可選中，使用非常方便。實際制作中，用得最多的是圖文混合式菜單，它具有文字菜單和圖形菜單的優點。在設計時要注意菜單的標題應簡單明了，文字表達要言簡意明，能表達所要選擇的教學內容。
3.提供在線幫助信息。為了用戶使用，課件中應設置必要的幫助信息，如系統幫助、功能幫助、警告幫助等操作信息。這些幫助可以是綜述性的信息，也可以是與所在位置的上下文相關的針對性信息。幫助信息可以起文檔手冊的作用，但內容應精煉，應以簡略文字、圖形說明等形式指導學習者完成某種功能的操作。
二、內容簡潔
課件的操作界面避免繁瑣，內容應力求準確、簡潔明了。
1.準確、簡潔。準確就是要求表達的意思明確，不要使用意義含混、模棱兩可的詞匯或句子；簡潔就是盡可能用較少的文字或簡單的圖表來表達所需的信息。
2.突出重要信息。可以在顯示中使用黑體字、加下劃線、增大字的寬度、閃爍、反白和彩色來強調某些重要的、期望引起學習者注意的信息。在描述局部細微變化時，應采用加圈放大或特寫的方式等。
三、布局合理
屏幕顯示和布局應清楚合理。其基本要求是要在屏幕平面上設計好高、寬、深度的空間關系，使布局結構新穎、主體突出、具有藝術感染力，使教學內容生動形象地展示在學習者面前。
1.恰當布置，主體突出。顯示內容應恰當，不應過多，切換不易過快，屏幕不應過分擁擠，四周應留出一定的余地。一般正文每屏不應超過15行，每行不超過30個漢字，如顯示不下可采用滾動技術。字體應選用筆畫豐滿的字體，大小標題可用不同字體、字號，以區分層次和段落。文字的色彩也應有一定的對比，從而突出主題。
2.重點集中，視點明確。由于屏幕尺寸較小，要求重點集中，視點明確。在同一畫面上，不應出現兩個以上的興趣中心，以免分散注意力。
3.合理預留空行、空格。必要的空行及空格會使結構合理，條理清晰，閱讀、查找方便；相反，過分密密麻麻的顯示會損害學習者的視覺，也不利于學習者把注意力集中到有用的信息上。
4.美觀大方，層次清晰。界面設計要美觀大方，不落俗套，但也不易過分“花哨”。界面的“花哨”雖然能從心理上加深刺激學習者的感知，但卻顯得主次不分，并容易使學習者分散注意力，甚至有的媒體成為毫無意義的累贅，而起不到應有的效果。如果必須把多種媒體引入，最好能讓操作者控制依次展示，給人以清晰、有序的感覺。
四、前后一致
前后一致是人機界面領域的普遍原則，它是將相同類型的信息使用一致的相似方式顯示，包括顯示風格、布局、位置、所使用的顏色等的一致性，以及相似的人機操作方式。一致性的交互界面，可幫助學習者把他們當前的知識、經驗推廣到新課件中去，從而減輕學習者重新學習、記憶的負擔。
五、色彩搭配協調
界面的色彩美與教學內容密切相關。色調要鮮明，要為塑造的形象、創造的意境和表現的主題服務。不同的主題，不同的內容，應用不同的色調來表現。根據教學的意境，有的需要明快，有的需要低沉。色彩美是界面藝術美的重要組成部分，它可使學習者在學習過程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就會對人產生視覺疲勞等方面的心理影響，過分渲染則分散人的注意力。因此，色彩的使用也必須遵循一定的原則。
1.正確配置顯示的前景、背景色彩。前景與背景在色彩上要有鮮明的區別，形成明暗的對比。一般以單色或特定的簡單圖形做背景，但對比不能過于強烈，否則刺激太大，使人產生疲勞。文字一般在深色或中度色調背景上用白字或黃字；在淺色的背景上用深色字。再例如動畫設計，一般選擇深色作為底色，動靜部分使用對比強烈的色彩，以區分不同的功能。
篇2
關鍵詞：兒童；app；界面設計
隨著80后已漸漸地為人父母，家長們送給孩子的禮物，也已經不再局限于玩具、新衣服。ipad等智能終端產品已經成為越來越多的家長的選擇。《2010年兒童網民規模及上網行為調查報告》顯示，有51.2%的5歲～15歲兒童使用互聯網，其中67.7%的兒童認為互聯網是其最喜愛的媒體形式。同期調研顯示，目前中國5歲～15歲兒童網民數量達到8958.2萬人，兒童互聯網滲透率達到51%。
1兒童心理探究
根據Goswami和Brayant從1967年開始做了一個關于0～10歲兒童認知發展的研究，我們可以得知：在兒童的學習過程中，即使是嬰兒，他們也都擁有了幾乎所有的學習方法。這種學習包括學習聲音之間的關系，和典型常見物品的視覺特征。在該研究中他們指出，孩子思考和推理的方式跟成年人大致相同，但是他們缺乏經驗。他們需要經驗來幫助他們發展自我反思和自我監管能力。在知識的獲取方面，孩子對知識的學習可以通過積累認知策略，自我反省和抑制性控制來提高。兒童通過構建因果關系的框架來使他們的經驗在生物、物理和心理領域有意義。兒童通過經驗、語言和假裝玩耍來獲取他們的知識，另外教學對于兒童的因果解釋系統的發展是最重要的。
在兒童認知能力的發展階段，經驗的增加對于學習和知識的建立起到了關鍵的作用。另外，假裝玩耍和想象也是兒童認知發展的重要的因素。它可以幫助孩子們反思和調節自己的認知行為，并有一個更深入的理解。
2不同年齡段兒童特點分析
對于兒童這一特殊群體，我們往往指的是3～12歲這一年齡區段。雖然統稱為兒童，但是由于身體發育狀況，受教育的程度，接觸網絡的時間等因素的不同。所以有必要對兒童這一群體進行細化研究，大致上可以把3～12歲的兒童分為三個年齡區段。
3～5歲，這一年齡段的兒童的自我判斷能力還不強，往往不會使用搜索，并且看不懂文字，所以對于這一年齡段的兒童在設計的時候要避免出現文字，用圖形來說明。另外由于年齡太小，他們往往不太計較游戲中的勝負，不太關心游戲的結果，而更關心玩的時候的互動體驗。
6～8歲，這一年齡段的兒童漸漸的學習了一點文字，所以在應用設計中可以考慮使用簡單的文字，但主要是用在功能按鍵上，并且要通俗易懂。較3～5歲的兒童，由于年齡的增長，他們漸漸的有了求勝心，需要在游戲中取勝。另外這一年齡段的兒童已經可以較為熟練地使用網絡了。
9～12歲，這一年齡段的兒童在小學已經處于中高年級了，有的已經是初中生了，已經具備了較多的漢字儲備，并且思維邏輯逐漸成熟，所以可以使用較多的漢字，對于網絡熟悉程度跟成年人相同，并且對于搜索有了較強的依賴。
3兒童應用界面設計實踐
很多兒童類app的設計目的是為了讓兒童學習更多的文化知識。這一設計目的雖然沒有錯，但是要知道讓兒童用ipad來學習這一可能性幾乎為零。我們要做的就是要把學習的過程與娛樂結合到一起，寓教于樂才能獲得兒童的喜愛。因為大多數兒童上網的主要目的是玩。
（1）色彩。由于兒童視覺正處于發育期，對于亮色的事物會比較敏感。在設計的時候，要以亮色為主，尤其是可點擊部分。一個界面要以兩種左右色調為主，手繪風格可以包含較多的色彩。并且以暖色調為主，視風格特點使用中間色調。
（2）字體。兒童多比較喜歡活潑可愛的東西，所以兒童應用的字體多采用手寫體，與場景融合，并多用在標題和功能按鍵上。簡體字體多用在旁白說明，起次要作用，一般用黑色和白色，并會有透明處理。
（3）界面風格。界面風格一方面是由產品的特性決定，另一方面更主要的是延續了開發公司所開發的產品的整體風格。每一個公司所開發的產品的風格往往是統一的。其中多采用手繪風格，讓人感覺親切自然，水彩、蠟筆效果使用較為頻繁。還有矢量風格，因為這種風格的色彩往往比較純，形象比較抽象，所以這種風格多用在年齡較低的兒童應用里面。
（4）層級架構。兒童應用的架構多比較淺，以2～3個層級為主，外加少許的彈出框，這是因為年齡越小，對事物的耐心會越少，所以層級要越來越少。設置功能往往會融入到首頁的場景中，來減少層級，比如語言設置，伴奏設置等，再加上動效和音效，降低操作所帶來的不適感。
（5）導航。不同的頁面導航有不同的特點。首頁往往會采用場景式導航，導航按鈕融合到場景中，使界面更加自然。動畫片類應用的首頁多用左側線形導航，更注重使用效率。內容頁往往使用四角導航，尤其是讀物類應用。功能按鍵分布在四個角落，通常會伴有透明效果來弱化視覺，不易引起誤操作。隱藏式導航多用于游戲類應用的內容頁界面，把很多的功能按鍵隱藏起來，這樣界面就會只剩下一個按鍵，能讓用戶更加專注于界面內容。
（6）布局。頁面的布局往往會根據界面的場景風格來安排，主要的功能往往會放大居中放置。比如說開始游戲。其他功能按鍵多會根據場景的需要分布在界面上。對于重要程度相同的功能，往往會采用列表布局。
（7）音效。音效在兒童類應用中很重要，每一個操作都要伴隨著音效，而且往往會有背景音樂，并可以很方便的關閉。其中動物的叫聲應用較多，人的聲音多聽起來柔和、緩慢。對于針對學齡前兒童的應用，多使用聲音和任務旁白來營造身臨其境的感覺。
（8）加載反饋。等待對于兒童是致命的，對于內容加載這種必須等待的事情。加載反饋往往會是小的動畫，并且詼諧生動，引人注目，弱化等待感。
（9）手勢。小朋友的絕大多數的手勢操作都為點擊，而且往往是漫無目的的“屏幕掃雷”式的點擊。此外會外加少許的滑動，其他更復雜的手勢是不會被兒童所接受的。尤其是學齡前兒童，對自己的操作沒有心理預期，所以更喜歡亂點嘗試。
（10）點選反饋。對于一個小小的點擊，必須要有反饋。這往往包含亮度、動效和音效的變化，并且具有持續性、情節性，不要過于簡單。過于簡單的反饋對小朋友來說是觀察不到的。
（11）互動性。活動的界面更能吸引小孩子的注意，所以應用要保持與用戶很好的互動性。對于用戶的點擊都要做出反饋，即使是點擊空白區域。這些反饋包括音效、動畫，以及震動等反饋。由于小朋友抓住東西就喜歡亂晃，所以當小朋友晃動設備的時候，界面也要有相應的反應。
（12）啟動界面。大多數兒童類應用啟動界面都比較漂亮眨眼，有一定的趣味性、故事性，但由于兒童更缺乏耐心，所以最關鍵的是啟動界面要快，迅速的開始程序。
（13）圖標。兒童類應用的圖標往往較大，相鄰較疏松，這是因為孩子的點擊往往不夠準確，往往會點到附近的目標，所以要大要疏松一些。另外圖標多為圖案，與場景融合，配合適當的文字。一個界面最多有3～4個圖標為宜，過多的圖標會讓小朋友不知所措。
（14）益智。把益智內容穿插在娛樂過程中，是目前比較認同的一種方式，但是這種內容不宜過多。比如鐵皮人系列應用，在講故事的過程中增加一些小的學習點，在應用最后會有一些更具應用內容來出一些益智類題目，這都取得了很好的效果。
篇3
[關鍵詞] 工業軟件 界面設計 設計原則
[DOI] 10.3969/j.issn.1002-6916.2011.01.034
1、引言
隨著現今計算機硬件的高速發展，過去的軟件程序已不再能適應當今用戶的要求。軟件產品在激烈的市場競爭中，僅僅只依靠其強大的功能遠遠不夠，而且人們也逐漸將目光放在軟件的人性化和美學化特征上，看重軟件的交互性和藝術性。由此使得在軟件的設計過程中，越來越多的軟件設計師開始關注用戶的心理特征、需求特征、操作特征和審美特征，并根據用戶的這些特征來進行軟件設計。軟件的界面設計，已經成為了現今軟件設計的重要環節。
2、 工業軟件及其特點
2.1 工業軟件概述
工業軟件(Industrial Software)指專門在工業領域里所應用的軟件。工業軟件按其特點及用途的不同，大致可以分為嵌入式軟件及各種工業部門專用軟件兩大類。對這兩大類的工業軟件進行細分，其中嵌入式軟件可以細分為操作系統、支撐軟件(嵌入式數據庫和開發工具)、應用軟件等，它們被植入嵌入式系統之中，達到自動化、智能化的控制、監測、管理各種裝備和系統運行的目的；而作為各種工業部門專用的軟件，從產品研發、設計、生產、流通、管理等不同方面，實現生產和管理過程的智能化、網絡化。
國外工業軟件已經經歷了一個長期的發展，工業軟件種類豐富，應用領域廣泛，功能強大，尤其在高科技、綜合性領域內的應用程度都非常高。而國內的工業軟件起步較晚，基礎薄弱，發展速度慢，開發難度高，市場競爭激烈，使得我國自主開發的工業軟件數量極少。這對于我國工業的進一步發展帶來了一定的阻礙，因此，實現國內工業軟件更好更快的發展，是現今我國工業軟件發展所面臨的巨大難題和挑戰。
2.2 工業軟件特點
工業軟件因應用范圍不同，其特點主要表現在以下幾個方面：
首先，廣泛的工業行業決定了工業軟件類型的差異程度高。在不同的行業，所應用到的軟件各不相。而同一行業內部部門的繁雜又決定了軟件具有較高的細化程度。即在同一行業內部的各部門之間，例如采購部門、設計部門、制造部門和銷售部門工作任務及性質不同，雖然同處于同一個行業之內，但是所使用到的軟件也各不相同。因此，軟件的差異程度高成為了工業軟件的顯著特點。
其次，工業軟件的用途，決定了工業軟件的功能比普通家用軟件強大，軟件結構十分復雜。尤其是應用于高科技、自動化領域的軟件，由于其處理對象的特殊性和問題的復雜性，使得這些軟件必須具備較多、較復雜的功能才能滿足行業的需要。
第三，工業軟件的界面較為復雜。由于工業軟件所要接收和處理的信息量大，功能復雜，所有的數據信息的顯示、功能命令的分布，都是通過軟件界面來實現的。而過于簡單的界面，無法將信息有效地展示給使用者。
由于工業軟件更廣的使用、更細化的應用、更強大的功能及更多數據展示等特點，所以在設計工業軟件界面時，應根據其特點進行軟件的界面設計才更符合使用需求的。
3、工業軟件人機界面設計
3.1 人機界面及設計原則
人機界面HCI(Human-Computer Interface)又稱為用戶界面。人機界面是人與計算機之間傳遞、交換信息的媒介和對話接口，是用戶和系統之間進行交互和信息交換的媒介，是人――機環境系統的三要素之一，是人與機器信息交流的橋梁，凡參與人機信息交流的領域都存在著人機界面。
人機界面是計算機科學和認知心理學兩大學科相結合的產物，同時也吸收了語言學、人機工程學和社會學等學科的研究成果。經過40余年的發展，已成為一門以研究用戶及其與計算機的關系為特征的主流學科之一。從早期的以面向計算機專業人員為主的手工操作界面，到面向具備一定計算機編程能力人員的命令語言界面，再到今天的面向更多更廣泛的普通用戶的圖形用戶界面以及多媒體用戶界面。而且隨著軟件的發展，界面設計已成為軟件設計的重要環節之一。
傳統的軟件設計的三大原則如圖3-1所示，包含：用戶控制自由、減輕記憶負擔和界面協調一致三大原則。用戶控制自由，就是在符合用戶身份角色的條件下，對界面有著自由的控制權，用戶所需要獲得的信息，都能夠通過界面來獲取。同時界面也方便用戶對軟件進行操作，必要時還能對用戶的操作提供幫助和引導；減輕記憶負擔，即合理的對界面的文字和圖像進行設計，或是對界面的信息進行縮減、整合，使用戶在使用中不會因有過多文字、圖片或者信息而感覺有記憶負擔；界面協調一致原則，要求界面的設計定位要符合軟件自身特點，界面整體風格和色調統一，界面局部細節與界面整體相協調，達到整體的均衡美。
3.2 工業軟件人機界面設計
從軟件整體設計流程出發，工業軟件的設計流程應更注重交互和界面設計的內容，改變以往串行設計流程，在確定設計方向后采取并行設計流程，如圖3-2所示，即編程設計與界面設計同步展開，并協調進行軟件的交互設計，讓軟件的界面設計伴隨著軟件的編程設計同步進行。
在工業軟件的界面設計中，不僅應遵循軟件界面設計的一般性原則，更應該依照工業軟件其自身特點，尋求其界面設計的方法，以滿足工業軟件的界面設計的需要。
首先，由于工業軟件用戶的特點性，因此在設計之前，分析用戶的特點及操作行為，虛構出若干類具有典型性的用戶角色，以此建立該軟件操作者的用戶模型。再根據這些用戶模型，定量的測量用戶特性，了解用戶的技能和經驗，預測用戶對不同界面設計的反響。通過建立專業的用戶模型可以從根本上保證工業軟件的界面設計的用戶符合性原則。
其次，界面的合理建構成為工業軟件界面設計的重要原則。界面的實質，就是一個展示功能和數據信息的窗口。如果界面的布局凌亂，僅僅把大量的信息堆積在界面上，會嚴重影響使用者的操作。工業軟件由于具備較多的功能和較大量的信息，所以在設計初期，必須對這些功能和信息進行分類，分辨出主要的和次要的內容，然后對主要的和次要的內容分別對待。按照用戶瀏覽“F”型模式，即用戶瀏覽電腦屏幕時，瀏覽起初的若干行時會沿著從左向右的方向，之后用戶就會直接向下快速瀏覽，最終瀏覽完時會把目光集中于右下角，因此如果以界面中心為坐標原點，向右為X軸正方向，向上為Y軸正方向，構建平面坐標，在這個平面坐標系中，用戶首先會關注第二象限的內容，然后是第一和第三象限，最后目光停留在第四象限。根據這一瀏覽模式，在進行工業軟件界面構建時，務必將主要的放置在第二象限和第四象限，而其他的則可放置在第一或第三象限之中。一個合理的界面，能夠方便用戶的操作和信息的獲取。
第三，功能的明確性。工業軟件最大的特點就是應用性強，軟件的每一個功能在界面中都有與之相對應的命令。工業軟件的界面設計注重用戶的導向，從用戶的角度來考慮和設計界面。用戶對于軟件的熟練程度，都影響著他們的使用，尤其是對不熟悉軟件的初學者的引導，顯得尤為重要。根據心理學家George A.Miller的Miller公式：個人一次所接受的信息量為 7±2 比特，對于工業軟件的功能構建，應該在5到9項之間，過少則不利于用戶及時的找到所需的功能命令，過多則會對用戶造成記憶負擔。所以在界面設計時，可以改變原有界面設計的分欄或下拉菜單的設計，而采用分組處理的方式。以“分組”的形式改變過多的功能分類，使得軟件界面的功能顯示更加明確。
第四，細節深入設計。軟件界面的細節化設計，存在于界面設計的方方面面，從一個小小的圖標、工具命令的命名、動畫演示介紹、聲音提示，到用戶導航、操作幫助等等。都可以進行深入的細節設計，而這也是工業軟件界面設計中最難的地方。首先現有很多軟件并沒有太多的細節設計，設計師不愿過多考慮某一細部的具體設計，再者是人們在使用軟件的過程中不太敏感，容易忽視掉這些細節，認為那原本就應該是那樣。雖然用戶會忽視這些細節，但這些細節的作用確是不可忽視的，它們方便了用戶的操作。例如一個簡單的命令搜索欄設計，在整體的界面構建中不需占用過多的地方，卻能方便用戶搜索到他們所需的功能命令，省去用戶多次點擊鼠標的過程，大大提高了軟件的使用效率。因此細節深入設計是工業軟件界面設計所比不缺少的一個方面。
4、 小結
界面設計不是單純的美術繪畫，它需要定位使用者、使用環境、使用方式并且為最終用戶而設計，是純粹的科學性的藝術的設計。注重工業軟件的界面設計，不僅能夠使其界面變得更美，增加用戶的愉悅感，還能提高軟件的交互準確性和效率，使用戶更準確、更高效的完成工作。
參考文獻
[1] 李榮麗，黃艷群.人機界面設計中的用戶模型研究[J].長春理工大學學報，2006,(02).
[2] 李樂山.人機界面設計[M].北京：科學出版社，2004.
[3] 楊靜.淺談用戶界面設計[J].藝術與設計(理論)，2009,(01).
[4] 歐陽建軍.基于交互設計的界面應用研究[J].科教導刊(中旬刊)，2010,(04).
作者簡介
篇4
關鍵詞：視覺傳達；移動互聯網；UI界面設計
視覺是人類接受信息的主要途徑，視覺傳達設計是人類為實現公共信息的傳播，對色彩、文字、圖像等各種視覺元素進行組織的行為。一切我們能看到的東西都或多或少的有著視覺傳達的設計元素。而在這個以移動互聯網為主題的時代下，UI設計正在蓬勃發展，視覺傳達設計在UI設計中是可用性與交互設計研究的全面體現。UI設計是新時代下的另一種新媒體視覺傳達設計，UI界面設計上有很多的理論與實踐都是跟傳統視覺傳達設計相通的，不同的是，UI設計師需要在UI設計的平臺規范下，更好的將傳統視覺傳達設計元素與移動應用的特點、交互設計、用戶體驗設計等相互融合，設計出真正讓用戶覺得好用好看的移動應用界面。
一、移動應用的UI界面設計
隨著移動時代的到來，越來越多的人開始關注UI界面設計。UI的全稱是UserInterface，用戶界面的意思。它包含軟硬件的人機交互、行為路徑、操作邏輯、用戶體驗和界面排版的整體視覺設計。打開我們的智能手機，我們的鎖屏界面就是UI的一部分，手機里的每一個移動應用的每一個頁面，都是UI設計。隨著移動互聯網的發展與移動應用的海量涌現，人們對移動APP的選擇要求上更加挑剔了。界面設計很多時候決定了用戶對一個APP的第一印象，所以如今的UI設計越來越重要，越來越受到重視。同時，隨著UI設計越來越被重視，UI的設計規范也越來越完善。各個平臺幾乎都有自己的UI設計規范，這使得UI設計的發展越來越規范化。當然，UI設計的風格沒有停止跟隨時展的腳步，從一開始的擬物化風格到后來的扁平化風格，現在的UI設計風格則趨于更加的多樣化。UI界面設計發展至今也有了很多的設計原則，比如UI設計的簡單原則，用戶在學習和接受新的事物時需要很大的學習成本，然而如今我們的時間和精力又是那么的寶貴，所以我們的設計需要越簡單越好。比如統一原則，從設計風格，排版布局，信息提示、系統文字、字體大小和整體顏色等都做到統一，這樣用戶才會完全熟悉和記住我們產品的行為路徑，而不會造成不必要的使用錯誤。還有很多設計原則這里就不一一闡述，當然更多的設計原則還需要我們在實踐中不斷的探尋。
二、視覺傳達設計在UI界面設計中的應用
1、版式布局在UI界面設計中的應用
手機APP雖然受到手機屏幕尺寸大小的限制并沒有很大的空間來給大家呈現更多信息，但就在這么幾寸的一塊屏幕上，我們依然需要用心對待，依然需要將有限的空間設計出符合設計規范，擁有良好交互體驗和承載對應信息的視覺交互效果。移動應用界面的版式設計和布局規劃會直接關系到用戶使用該應用的操作習慣和操作行為。同時，小小的一個界面不僅需要交互上的設計，也需要美學上的視覺傳達設計。在符合用戶交互體驗的情況下，界面設計也需要靈活運用到一些傳統視覺平面上的版式設計，比如很多時候為了更好的傳達信息，也需要在設計中考慮信息的就近原則，元素的一致性等等。界面需要在更小的空間內合理的排版信息，將重要的信息通過異化的方式凸顯出來，將同類信息整合在一起。同時，更加追求美觀的情況下，更是需要設計師更好的將視覺傳達版式設計中的一些留白處理等更好地運用到UI界面設計中去。
2、色彩在UI界面設計中的應用
設計移動應用界面，同樣需要靈活運用色彩設計法則和色彩心理學，設計出更加符合用戶使用習慣和認知心理的界面。色彩的應用很多跟視覺傳達設計一樣，APP的整體色調需要根據該APP的使用人群和他們使用APP的一般使用場景來確定。比如娛樂性高的APP一般采用明亮歡快的顏色。還有一些規范控件設計也需要滿足用戶的心理期待，比如紅色多有警示提醒的意思，一般用在刪除取消之類的控件上。
3、文字在UI界面設計中的應用
文字是一種最直接和傳統的視覺語言，是傳統信息和界面信息傳達的主體，參與視覺設計的組織和編排，起到與用戶的溝通和交流。文字雖然沒有圖標圖形那么具有強大的視覺吸引力，但在界面中，文字設計依然有著相當重要的地位。UI界面設計需要在有限的空間內更注重用戶的體驗與交互。所以文字設計在UI界面中需要更加簡化，突出重要信息，兼顧內容簡潔與視覺效果。給用戶一個簡單高效的體驗，避免讓他們產生困惑甚至是誤導。比如在一些信息詳情頁中，一般文字信息會比較多，這個時候就需要注意到文字在界面中的大小和間距，為了不使大段文字在小屏幕上顯得冗雜，設計時可以放大加粗相關標題和重要信息以更好的提醒用戶，盡量保證整個APP的所有文字一致和規律，統一規范的字體字號能讓APP使用起來更加流暢，減少用戶的認知。
4、元素符號在UI界面設計中的應用
元素符號能在視覺傳達設計中起到很好的信息傳達效果，UI界面中顯然也是。元素符號還可以在很多時候給一個移動應用奠定一些設計風格。比如以前風靡一時的擬物化元素和后來的扁平化元素。在UI設計中，在符合應用功能和用戶交互行為的前提下，通過各種元素符號能更好的美化界面和提升用戶體驗。比如在界面loading處理上，使用一些有創意的提示性圖標能讓用戶感到更加有趣貼心從而緩解他們等待的焦躁，這樣的情感化設計能夠進一步提升用戶體驗，同時還能讓界面更加豐富趣味。
三、結語
篇5
關鍵詞：沈陽；近代；建筑技術
中圖分類號：S611 文獻標識碼：A 文章編號：
建筑的本質是空間,而空間是由界面圍合而成的。在商業步行街中,街道空間主要由建筑界面圍合而成,因此界面扮演著舉足輕重的角色,界面設計的好壞即是決定步行街是否具有活力的關鍵要素。在現代城市設計中,商業步行街界面設計應該充分挖掘城市文化內涵,將傳統文化和當地建筑特色元素融合在一起,使傳統特色商業街的內容與地域文化達成和諧統一,創造出適應傳統特色文化需求的現代商業步行街設計。
1界面在商業步行街設計中的功能及重要性
1.1商業步行街中界面功能
界面是商業步行街的重要實體因素,它界定出空間,賦予街道活力,主要具有圍合和認知兩大功能[3]。首先,連續而完整的界面圍合出商業步行街的整體輪廓,創造了作為實體的步行街建筑空間,同時也創造了依賴兩邊界面而圍合出的街道空間。其次,街道界面不僅有認知和識別單體建筑的主要功能,同時也肩負著整個城市的認知功能,人們通過對街道直接的視覺感知能夠進一步構成對整個城市的印象,喚起場所的精神體驗。
1.2界面的重要性
1.2.1傳統文化與心理學根源
界面作為建筑形態構成的基本要素,其存在具有中國傳統文化淵源。“鑿戶以為室,當其無,有室之用”這句話就明確的表達了老子對于空間的認識,“無”因為“有”的存在而存在,“有”和“無”有力的對比產生了空間,這里的“有”即可認為就是界面。而里坊制度則表現了中國傳統城市布局對于界面的重視,例如里坊制的代表唐長安城,利用“墻”圍合出以“里”為單位的領域空間,使得“曲”“巷”相隔,形成了集中內聚式的大規模封閉型城市[4]。從心理學根源分析,“邊界效應”則從行為心理學方面解釋了界面的重要性。“邊界效應”最早由心理學家德克·德·瓊提出,他指出空間的過渡區域是人活動和交往發生最多的地方。
1.2.2界面與城市空間環境
城市空間環境是一個極其復雜的系統,界面作為城市組成的有機局部,起著舉足輕重的作用。圍合性強的界面能夠使人們完全的感受到城市的完整性與合理性。
2重視地域特色的現代商業步行街界面設計策略
2.1塑造界面的可識別性
可識別性是界面之于建筑的最主要的功能體現,作為地域性的現代商業步行街,更應注重界面對于傳統文化、內涵精神的理解、繼承和發揚,使其獨具地方特色風貌。特征突出的界面元素增強了界面的可識別性,使得不同地域的街道顯示出不同的地域性格,給人帶來了不同的地方印象。
2.2符合當地建筑尺度的邊界輪廓線
在處理地域性商業街時,應仔細剖析當地傳統建筑的形體特點,把握形體體量,抓住輪廓要素,重復尺寸相近的建筑組群,建立起一種韻律和肌理,以符合當地城市肌理。
2.3利用界面創造特色空間
符合地域特征的特色空間使商業步行街更具識別性,特點更鮮明。現代步行商業街的大量建設給城市帶來活力的同時難免給人一種似曾相識的感覺,統一的大招牌、底層架空的連廊、大片的玻璃幕墻,這些單調的建筑立面讓人在現代化大都市里失去了方向,失掉了對于不同地域街道的記憶。為使商業街各具風格,提高其辨識性,必然需要特色空間帶給人們別樣的感受。
3 康平大遼圣市商業步行街界面實例分析
3.1項目背景
康平歷史悠久，境內被發現的遼金城遺址已有6處。縣城東南22.5公里，遼河之濱的遼代棋洲城遺址清晰可辯，遼代千年佛塔巍然聳立。東西遼河的源頭亦在康平，所以康平縣政府為展現康平的城市形象、特色風貌以及歷史文化內涵,在臥龍湖東岸建設了一條以遼代傳統文化主題的商業街。于是從延續遼代北方建筑地域特色的角度出發,通過對遼代傳統文化以及遼代建筑特征元素的挖掘,設計了大遼圣市商業步行街方案。
3.2挖掘建筑文化內涵的立面設計
康平大遼圣市商業步行街借鑒了北方地區民居建筑風格,結合現代建筑設計理念與界面處理手法,進行了具有遼代傳統文化內涵的立面設計。仔細研究遼代傳統建筑,發現其主要特征表現在屋頂和斗拱上。遼代建筑繼承了唐代建筑的很多特點，并且學習了很多宋式建筑的作法，所以遼代建筑的屋頂曲線很平緩延展，雄渾大氣。廡殿頂是遼代建筑主要的屋頂形式,高低起伏的屋頂和交錯的層高形成了其獨有的錯落感,商業街立面輪廓依舊沿用這種形式,并進行簡化,在2層,3層之間進行層高變化,局部4層,結合雙層檐口,形成了豐富的天際輪廓線。遼代很多建筑也會采用廡殿頂的形式，兩坡頂就用于等級更低的普通建筑。所以在建筑屋頂也會有很多變化。遼代鴟吻很有自己的特點，有別于其他各朝代，有著北方游牧民族的野性特征。所以屋頂上的鴟吻是體現遼代建筑風格非常重要的標志，如圖1所示。
3.3關注“陰角”空間
“陰角”空間是城市與街道設計中常采納的空間處理形式,在澤當鎮商業步行街中創造“陰角”空間,增強了街道的空間吸引力,使街道更具魅力。蘆原義信在《街道的美學》中指出:“用‘陰角’空間可以創造出一種把人擁抱在里面的溫暖、完整的城市空間。”這有助于積極的向使用者提供街道的精神。在澤當鎮商業步行街設計中,也運用了這種現代步行街設計手法,將商業樓間隔有序的后退,自然的形成可供人停留的內向型陰角空間,改變了商業街過于平淡的界面形式,同時也加強了界面的陰影,使得沿街界面更加立體、生動。這些后退2 m~4 m形成的空間也提供給人們一個暫時停留場所,賦予商業步行街可游憩的功能。
3.4連續性原則
連續的街道界面給人整體完整的印象,康平大遼圣市商業街利用連廊加強了街道的連續性。根據規范中防火要求,商業街每隔80 m需要斷開做消防通道,在長度不過300 m的街道如果進行斷開,必然會影響其界面的連續性,街道感減弱。于是在需要斷開的建筑之間設計連廊連接,加強了視覺連續性,且不影響消防疏散的需求,如圖2所示。
3.5結合總體規劃的多層次界面設計
康平大遼圣市商業步行街總體規劃以街道景觀軸線為中心,在22 m街道紅線范圍內設計大量中心綠化,并設置燈光照明設施、小品、座椅等,加強其對整條街的主導作用。結合總體規劃,沿街建筑設置成騎樓形式,底層形成退廊,形成灰空間,增加了介于建筑實體界面的“有”與步行街道空間的“無”之間的層次,再加上景觀樹陣的景觀層次,構成了建筑—連廊—樹陣—中心景觀的多層次街道界面。
4結語
在全球化浪潮下的今天,尊重當地文化,延續傳統文化才是建筑符合不同城市環境的發展模式。在研究建筑基本理論的基礎上,抓住傳統建筑的設計要點,將傳統文化和現代技術緊密結合,創造出既滿足現代社會需要又能體現傳統文化特色的建筑,以求在傳統文化受到嚴重沖擊的今天尋找一個平衡點。在此,筆者通過分析界面在商業步行街中的功能和重要作用,發掘傳統特色文化的現代商業步行街界面設計策略,并將之運用于設計中。
參考文獻：
[1]蘆原義信.街道的美學[M].天津:百花文藝出版社,2006:130-139.
[2]克里夫·芒福汀.街道與廣場[M].北京:中國建筑工業出版社,2004:137-157.
篇6
1.研究背景電子信息技術的快速發展促進了電子產品的更新換代，特別是以人機交互電子液晶畫面為中心的界面設計發展尤其迅速。眾多界面設計中出現了獨創性極高且具有實質性差異的界面設計。界面中的圖案、形狀以及色彩等要素均構成了區別于其他產品界面的極其重要的識別性要素。界面是計算機和用戶交互的媒介，界面設計的好壞決定了用戶對軟件的使用黏度。而且設計良好的界面可以對用戶起到很好的向導作用，可以快速并且準確地引導用戶完成相應操作，目前已經成為設計領域新興和快速發展的一個方向。因此，各國認識到界面設計的重要性，紛紛通過完善知識產權制度促進界面設計的發展。2.研究目的韓國是全世界電子產業發展較為迅速的國家之一，其對于電子產品設計的保護制度和界面設計的保護制度已經得到實踐的檢驗，具備一套相對完備的設計保護體系。文章通過介紹韓國界面設計保護制度，為中國界面設計發展提供可借鑒的內容，同時也有利于提升中國設計知識產權保護的國際化水平。
二、韓國界面設計保護制度的現狀分析
韓國特許廳（韓國知識產權局）明確認識到界面設計的重要性，迫切需要完善界面相關的圖標設計及GUI界面設計的相關保護制度。因此，韓國特許廳從2004年7月1日開始將界面設計（界面設計的專利法名稱為“畫像設計”）列入外觀設計的保護客體范圍。1.韓國圖像外觀設計的保護范圍韓國的設計保護法規明確保護的計算機圖像外觀設計范圍可以分為三大類：圖形用戶界面（GraphicalUserInterface，GUI）、計算機圖像（ICON）和作為Character的圖示設計。目前，我們使用的手機、電腦、PDA、Mp3等都屬于應用計算機圖像的電子產品。圖形用戶界面包括：網頁和主頁的GUI；移動電話、PDA等設備中的移動GUI；汽車導航、Mp3、CDP、智能電視等信息家電等GUI。計算機圖像包括：文件編輯軟件、視頻播放軟件的GUI；單個或者成套的工具圖形。圖示設計包括：內容的圖示；計算機顯示器屏幕保護畫面；角色設計；3D動畫。2.韓國界面設計的保護要件（1）強調載體的功能性以簡單的展示功能為目的的界面設計不屬于專利保護的范圍，一旦界面中通過某種圖案、形狀、色彩以及它們之間的結合可以實現產品的某種功能性時，就屬于專利法中界面保護的范圍。（2）限定某種特定產品申請界面設計保護時，界面被看作特定產品中的一部分。因此，申請書中對于圖面的提交要求和部分外觀設計保護制度中對于圖面的要求相同。在提出專利申請時，界面設計的圖形中除了需要展示圖形外觀設計外，還需要同時提交此界面設計應用于某種特定電子產品時的狀態圖。如圖1所示，需要保護的界面通過實線體現在圖形中，而應用界面的電子產品的外觀則通過虛線表示出來。另外，需要注意的是關于申請書中“外觀設計的產品名稱”的表示方式。如，一項手機界面的外觀申請書中，如果在產品名稱一欄中填入“手機的界面設計”是不授予外觀專利權的，應該在描述產品名稱時以產品為中心進行描述，即“呈現界面設計的手機”。同樣的界面設計應用在不同產品上時，應該針對不同產品分別進行外觀設計的保護。（3）對于有變化的界面設計需要提供各個關鍵界面的圖形變化的界面是指通過界面中的形狀、圖案、色彩及其結合的設計的變化完成產品中的某些功能，具體包括以下兩個方面：圖形形態的變化以及圖形位置的變化。需要注意的是，變化的界面在提交六視圖之后還不能明確表明變化狀態時，需要提交能夠表現出前后變化狀態的參考圖。3.界面保護中的一些特殊情況（1）界面中包含不被保護的客體情況申請界面保護的設計中，往往界面中含有不需要申請保護的內容。在這種情況下，不能單獨將非保護客體隔離申請，因為非保護客體的存在已經間接影響到保護客體的位置、大小以及范圍等因素。因此，非保護客體一旦被認定為影響保護客體的因素時，必須同時出現在界面中。（2）顯示界面中包括印刷內容如果顯示界面中包括印刷品，那么在提交視圖時需要提交包含印刷品的顯示界面正面圖和顯示印刷品背面的視圖，以及印刷品單獨的正面圖和背面圖。
三、結語
篇7
關鍵詞 網站；用戶界面；用戶體驗
中圖分類號：G712 文獻標識碼：B
文章編號：1671-489X（2016）21-0033-02
在網站的設計與開發中，一個良好的界面設計能夠給用戶帶來良好的用戶體驗。對用戶體驗度的關注度在逐漸提升，從最初提出用戶體驗的時代，到將用戶體驗以技術方法進行呈現，經歷多年的歷程。UI（User Interface，用戶界面）設計的應用是將用戶體驗思想實踐落實，是將用戶體驗思想通過網站的導航、界面、圖標、色彩等表現層的設計，逐一應用理論并結合技術層面進行實現，是用戶體驗思想的一種顯性表達。
1 什么是界面？
界面是一個窗口，界面設計是開發中最重要的方面。對于應用軟件來說，用戶界面對用戶的應用十分重要，用戶通過界面可以使用該軟件，并且希望界面比較簡單、便于使用。圖形用戶界面是當前用戶界面的主流，當前各類圖形用戶界面具有的一個相同點就是應用的窗口使用鍵盤和鼠標作為輸入設備。目前界面設計領域已經開展到移動端，移動端的界面設計原則有別于PC端。但是無論是基于哪種設置，良好的界面設計是同樣重要的。
2 軟件界面設計的前期準備工作
在制作一個項目設計前，應該先確立好設計的主題。比如：一個圖書管理系統軟件的主題就是“圖書管理”，遠程教育系統的主題就是“遠程教育”。于是軟件界面的設計就要圍繞主題來進行，讓用戶一看軟件的界面，就知道這個軟件是做什么的。不能讓軟件的界面與軟件的主題相差太多，如果一個電腦硬件管理系統的界面上都是和電腦無關的東西，如花草、山水，就不能反映該軟件的主題與功能，那么，這個軟件的界面就是失敗的。
美工作為界面美化的主要人員，不但要擁有藝術設計、包裝設計的才能，還應該穿插整個項目，給界面程序設計人員提出系統參考意見。
3 確定界面設計原則
確定界面類型時，需要考慮多方面的因素，如用戶的自身特性、系統的成本/效益、環境、系統任務等。這時，在著手進行軟件界面設計前，必須在心里有一個輪廓，對要設計的軟件的功能有所了解，同時對該軟件的界面設計有成形的構想，還要遵守界面設計的原則。
1）一致性原則。一致性主要體現在軟件的顯示方式和概念模式的一致性，并且在類似的情況下具有一樣的操作序列，如在幫助、提示及菜單中產生相同的術語，具體是指在不同的應用系統中具有相似的布局、相似的外觀界面、相似的信息顯示及相似的交互方式等。界面設計保持高度一致性，這樣用戶使用不同的軟件時可以掌握軟件的共性，將局部的經驗和知識推廣到其他場合。界面設計的一致性要求對于用戶的軟件應用十分重要。
2）控件的使用、提示信息窗口風格、顏色、信息措辭做到一致，遵循統一的標準。這樣做具有以下優勢：
①通過一致的界面風格，可以讓用戶建立起一樣的心理模式，對于一個界面使用熟練之后，切換到下一界面，用戶也容易使用，容易理解語句，推測出界面的各種功能；
②給用戶統一的感覺，不覺得混亂，而是心情愉快，支持度增加。
用戶界面簡稱為UI，通過對UI進行設計，其設計內容包括軟件的操作邏輯、人機交互、界面美觀的整體設計。好的UI設計讓軟件變得有個性、有品位，并且操作簡單、舒適、自由，充分體現軟件的特點及定位。人機交互，即人與設備之間的交流，UI設計在設備之間成功地充當了翻譯的角色。
4 網站中UI的重要地位
網站的設計與開發不僅要適用于PC機的模式使用，更要適用于移動設備使用，使兩者的操作都具有良好的用戶體驗。這就給很多網站的UI設計提出很高的要求，同時也凸顯出UI在當前網站中的重要性。網站最大的門檻就是取得用戶信任，而UI設計直接影響用戶的體驗和網站的形象，用戶考察一個網站是否有實力，是否是正當網站，UI是首要因素。一個網站UI做得好，可以讓網站的形象在用戶心中得到提升，而且能讓用戶得到瀏覽的體驗，甚至能決定一個網站的轉化率。
5 UI設計在網站設計中的體現
UI設計的成功之處就是為網站帶來比較高的瀏覽量與轉化率。對于很多網站平臺的建立，UI的設計不僅體現在其從界面所表現的色彩、樣式上，還體現在導航系統設計、圖標設計、不同類型網站的風格定位等方面。
導航的設計與使用 構成網站導航的是網頁中的焦點元素，它們讓用戶清晰直觀地找到自己想要的東西，引導用戶去尋找網站上最重要的信息，以達到銷售或者查詢等目的。導航設計并沒有一個統一的設計方法，每個網站由于其目標、需求、設計手法、運營等諸多因素影響，導致它們在導航設計上千差萬別，但是導航設計還是有基本的規律和原則的，確保組織架構的可靠性。
1）確定信息架構。信息架構是合理的組織信息的展現形式，支撐起網站內容的骨架。信息架構的主要任務是為信息與用戶認知之間構建一座暢通的橋梁。更重要的是，要從用戶的角度來看待網站內容，從一個用戶的角度去看待一個網站的信息需求。對針對頁面信息的完整性、連續性、可靠性等問題進行解決，明確網站所要達成的目標，針對網站的用戶群去解決登錄、訂閱等邏輯問題。
2）保持簡單的風格。絕大多數的網站瀏覽者可能會一致認同這一點：網站的導航區域要盡可能設計得簡單。的確，復雜而擁擠的導航會阻礙網站的整體可用性。
圖標的設計與使用 對于用戶接收的信息而言，相對于文字信息的表現，圖像的信息表達能力要遠遠大于文字，在有限的時間和空間里，把界面中精彩的文字描述轉化為一個簡練而意義明確的圖標，就成為滿足用戶需求的有效途徑。更深一步，圖標的應用讓整個界面與人之間的交互更便捷，使情感化設計和人性化設計得以回歸。在各種終端交互界面中，圖標不僅起到代替文字描述以節約空間的作用，不僅是一種裝飾圖形與符號，更重要的是它發揮著交互性、情感化、指代性、隱喻性等作用。人機界面交互中，一個小小的icon（圖標）是減小用戶閱讀負擔，實現界面友好性、界面情感化等交互目的的重要途健
1）圖標遵循的設計原則。圖標在設計與運用上要形象，語言要單一，表現要概括，提取圖像中不可或缺的元素去表達；在構圖上要飽滿，圖像空間占有率要在75%以上，從視覺上要一樣大；形象造型上體積要豐滿，來增加構圖的識別性，太復雜會降低圖標的識別度；在用色方面，前景色與背景色要有足夠的反差，用明暗的反差、冷暖的反差去對比表現。當用兩個形象語言表達一個圖標時，要有主次，不能同等對待。
2）圖標設計的四要素。
①達意性。圖標要清楚地表達設備要處理的功能，圖標的核心價值是傳達功能含義。
②概括性。在圖標的表現中，可有可無的東西不能太多，不是原始圖像的直接使用，要過濾掉可有可無的元素，對凸顯其特征的內容進行展示，從現實生活中提取物品最典型的特點進行創作。
③可用性。所有的設計都要具有可用性，圖標設計與制作的本質是要最終運用到程序和網站中。可用性的應用包括了可識別性和可開發性，圖標在任何設備環境下都能夠被用戶所識別，所設計的圖標能真正地運用于實際的網站中。
④情感性。圖標的設計與使用要貼近用戶的生活、經驗、情感，使用戶具有親切感，增加用戶對網站的信任，提升用戶體驗。
圖標的風格要統一 在一個網站上運用的圖標，其風格定位要統一，要從形狀與取向的統一、透視的統一、光線的統一、材質的統一、色彩的統一等方面對圖標進行定位，以保證網站風格的統一性。
6 展望與發展
UI設計是一個新興的設計領域，是高于平面設計之上的、基于用戶體驗的設計思念理論而形成的一門專門的學科，并且隨著人們對用戶體驗的關注程度越來越高，對UI設計的要求也會逐步增高。UI設計的應用領域也會隨著移動端技術的不斷成熟與發展，越來越廣泛地擴展到人們的生活中。參考文獻
[1]于松翠.基于用戶體驗的網站界面設計研究[D].西安：西安工程大學，2013.
篇8
關鍵詞：手機 界面設計 視覺
隨著社會日新月異的發展，手機作為消費類電子產品，從誕生之日起至今從未停止過前進的步伐，并且以前所未有的速度發展，成為更新速度最快的個人電子產品。 手機不僅僅是用于通話的工具，更多地集娛樂、生活、新聞資訊于一體，越來越深入地介入到了人們的日常生活中。
一、人機交互下的手機界面設計
手機界面在人機交互的信息傳遞過程中具有重要的作用。 手機軟件界面是置身于手機操作系統中的人機交互的窗口，設計界面必須基于手機的物理特性和軟件的應用特性進行合理的設計。早期的手機界面由于技術上的制約，大部分采用黑白色、藍色、綠色等屏幕。在界面設計上，文字是界面的主要信息，而圖形則是用線條簡單勾勒，缺少圖形的設計美感，手機界面單調，僅僅以滿足功能，缺乏視覺形式美。隨著技術的發展，人們對審美的需求日益增加，手機界面由原來的單色發展為彩色，信息內容更加豐富，文字選擇既能滿足功能性又符合審美需求， 圖形更加精美，甚至有些圖形還采用動態形式出現，受眾還可以根據個人需要自行定義文字和圖形，手機界面得到了快速的發展。2007年，“iphone”手機的誕生，使手機界面設計產生了一種革命。它給用戶帶來了前所未有的手機新體驗，還前所未有地拉近了用戶與手機之間的距離，讓不同年齡、性別、地域的人都能夠在手機圖形化界面中得到體驗的，它將文本界面圖形化，界面設計更加個性化、人性化。隨著科技的發展，界面正悄悄地融入我們的日常生活中，變成生活的一部分。
二、手機界面設計的視覺語言
手機界面的視覺語言，主要包括文字、圖標、色彩搭配、動態導航、界面版式等一系列構成元素。
1、界面文本的選擇
文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息，要達到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。手機界面的字體設計直接影響到界面的風格，字體標準的選擇依據操作系統類型決定，應當使用與其界面視覺風格統一標準的字體，避免繁雜零亂，使人易認、易懂，切忌為了設計而設計。 通用的字體最易閱讀，特殊字體用于標題效果較好，但是不適合正文。如果在整個頁面使用一些特殊字體，這樣讀者閱讀起來感覺一定很糟糕。特殊字體如果在頁面上大量使用，會使得閱讀頗為費力，瀏覽者的眼睛很快就會疲勞，不得不轉移到其他頁面。手機界面中字體的選擇，還應考慮界面的大小，使兩者大小比例協調。對于觸摸屏手機來說，由于其屏幕較大，文字可以適當放大，不僅從形式比例上考慮，同時也方便了其功能性的操作。
2、界面圖標的設計
圖標是界面的圖形符號，是具有明確指代含義的計算機圖形，是構成界面風格的重要元素，和用戶如何操作手機關系密切。 圖標的功能是我們進行圖標造型設計的標準和依托，在設計圖標之前要確定圖標功能，也就是說要考慮圖標的隱喻性，它代表的意思必須是用戶可知的、熟知的。比如iphone內置的備忘錄應用就是一個使用隱喻的典范。除了基本的刪除和郵件這些圖標隱喻，整個產品的外形：棕色的頭部導航，米黃色的紙質背景，配合細致的行隔線和垂直的雙細線，儼然就是一可愛的小小備忘本。將產品與實體對應起來，用戶一看就知道軟件的用途。結合界面圖形設計的隱喻性，圖標圖形應盡量使用簡潔的平面圖形，盡量使用像素化的表現形式。 圖標的設計要盡量避免生硬的邊緣輪廓，提倡漸變、羽化加強圖形的仿真性能，使設計更加趨于人性化。一方面圖標的設計要求簡單美觀、富有吸引力，這樣用戶才愿意讓這些圖標長久占據有限的屏幕空間；另一方面也要把握可識別特點，讓用戶在大量圖標中輕松找到該應用程序。圖標必須有自己的特點，對于關聯的產品，可以結合品牌進行設計。
3、色彩的搭配
手機界面的總體色彩應該與界面主題相協調，在手機軟件界面的色彩設計上，妥當運用色彩這種感性元素協調各要素之間的關系，使形態和功能特點得到突出，達到明確產品特征、強化訴求的目的。 色彩是影響手機界面的重要因素， 色彩搭配要考慮到你希望對用戶產生什么影響，為手機界面設計選擇合適的顏色，包括背景色、元素顏色、文字顏色等。 比如基于飽和的色彩和華麗的質感，塑造超酷、超眩的視覺感受，利用羽化了的像素對圖形圖像進行仿真設計，不僅塑造界面色彩、形狀，還進一步在元素的質感和體積感上下功夫，給用戶一種高貴華麗的視覺享受。對于界面的整體色調，最好使用鄰近色或同類色進行色彩構成，采用色彩的弱對比，因為界面圖形本身就結合了體積感和質感的塑造，如果整體色調對比太強，很容易給用戶造成眼睛疲勞。把握界面整體色調的同時應注意在圖標和線條的色彩配置上下功夫，以活躍整個畫面，避免整個界面色彩單一、黯淡無光，合理地使用線條和色彩漸變，以確保細節的完美體現。
4、動態導航的設計
手機界面的動態導航設計是結構層面設計中的主要工作之一，它是對手機操作進行宏觀操控的區域，隨時可見，在這里它可以保存當前操作結果、切換當前操作模塊、退出系統，實現對軟件的靈活操控。導航設計的好壞，直接關系到用戶使用是否能夠流暢。 面對較復雜的導航，我們第一反應是將其簡化。 合理的導航設計，應該首先關注用戶，提示明確，讓用戶知道自己的當前位置，并且能夠迅速跳轉到下一個界面，盡量讓用戶一目了然，減少用戶操作步數。在設計導航時，也要遵循人類的認知法則，符合所對應用戶的認知度。如果設計的導航讓用戶很費勁或者花費較長時間才能搞清楚，無疑是失敗的體驗。
5、界面版式
手機界面的版式在設計時應該結合軟件的應用范疇，合理安排，在有限的屏幕上將眾多元素整合排列，以達到美觀實用的目的。由于屏幕有限，設計師應考慮將重要信息或視覺流程的停留點安排在注目價值高的最佳視域，使得整個界面的設計主題一目了然。比如將最常使用的高度概括的信息，或者一些常規操作如添加、完成、保存、取消——置于屏幕頂端。 屏幕的底部一般是輔的工具欄或切換視圖使用的頁簽欄。一些影響較大的操作如果出現在屏幕下半區域，要仔細考慮它們的排列設計。 應用程序界面必須盡量簡潔，一目了然，用戶看到就能馬上理解。比如我們可以盡可能地減少輸入，直接為用戶提供選項，如索引列表，既方便用戶記憶，也可以幫助用戶快速掃描并直接選中。要盡量避免不必要的交互，不要一味提醒用戶如何操作，設計時應該關注如何更有效地引導用戶集中精力快速完成任務。在iphone手機內置的短信發送，版式布局合理，不但寫信人和收信人的信息內容左右區分，而且在底色的選擇上也進行區分，信息內容通過時間順序排列下來，整個信息來回歷史一目了然，用戶進行功能操作的時候更加方便快捷。界面版式的設定，在很大程度上需要借鑒相關手機系統界面的版式，以確保樣式的相對統一，利于系統與軟件的整合。當然也要考慮軟件本身的應用特性，結合操作的可用性和可實施性，對版式進行合理的調整，使呈現信息的區域與區域之間協調統一、主次得當。
美國未來學家尼古拉·尼葛洛龐帝曾在其著作《數字化生存》中寫道:“我的界面夢想是，我的電腦將變得更像人。” 可見用戶希望得到更加人性化的界 面，不僅要求視覺的形式美感、功能上操作便捷，更重要的是一切必須以人的需求為根本，帶給用戶人本主義設計關懷。好的界面設計也不僅僅是包括視覺上的，同時還有觸覺、聽覺以及交互性方面等，相信未來的手機界面設計能給用戶帶來多感觀的體驗。
參考文獻
[1]劉冬冬 何人可 3g手機用戶界面設計探討[j].包裝工程，2007。
篇9
[關鍵詞]：情感；APP；界面設計；三層次理論
隨著體驗時代的到來，產品設計師逐步認識到，人們在基本需求得到滿足的情況下，更關心情感上的需求和精神上的慰藉。加大情感體驗在產品設計中所占的比重，設計出更多滿足消費者情感需求的產品，將會是市場的必然趨勢[1]。在APP產品同質化現象日趨顯著競爭日愈激烈的當下，將情感融入到產品界面設計之中也顯得尤為重要。
1、 APP產品的情感需求與情感化設計
《心理學大辭典》中認為的：“情感是人對客觀事物是否滿足自己的需要而產生的態度體驗”。在Aarron Walter的《Designing for Emotion》一書中，作者將用戶界面設計需求與馬洛斯的人類需求層次理論聯系起來，產品特質被劃分為功能性、可依賴性、可用性和愉悅性四個層面，而愉悅性層面處于普遍缺失釤。因此，我們的APP界面設計需要超越可用性，融入能夠給用戶帶來愉悅情感體驗的情感化設計[2]。
美國學者唐納德?A?諾曼在《設計心理學3：情感設計》一書中表示：一個令人愉悅、具有美感的物品，是以感官訴求為特點，令使用者的印象更為深刻，使用者感受到物品所帶來的吸引力，從而形成情感上的聯系。諾曼從知覺心理學出發，根據人類大腦三種運作層次，提出情感化設計的三個不同的層次，即本能層次、行為層次和反思層次[3]。
本能層次是指人類先天的部分，事物的外形、聲音、材質、味道等等信號特征對人產生的視覺、聽覺、觸覺、味覺等的刺激占主導作用。行為層次是指人類日常行為部分，人們使用各類工具與產品完成目標任務來滿足需求，是圍繞產品的功能的實現過程進行評價的。反思層次依賴產品帶給人們的記憶和使用產品所帶來的自豪感，以及一些深層次的意識活動帶來的樂趣。反思層次設計是本能層次設計和行為層次設計在具體文化、環境、價值基礎上的深化與升華。
2、情感化設計在APP界面設計中的運用
諾曼的情感化設計理論在設計領域具有廣泛的指導作用和啟發意義[4]，APP 的界面是產品最終效果的呈現，是實現用戶與產品交流的窗口。用戶通過界面了解和使用產品，界面設計的優劣直接影響產品的使用效率、用戶評價和口碑。三個層次的設計在APP界面設計中的運用可以對應表現為：本能層的設計即關注界面的外觀視覺美觀；行為層的設計即關注交互操作行為的樂趣；反思層的設計即關注長期印象和品牌的建立。
3情感化的APP界面設計方法
3.1 滿足用戶本能層的情感需求：刺激感官，本能
讓用戶初次接觸產品時就能認識到產品設計的美感，并愿意進一步使用和體驗。設計方法主要體現在色彩元素、文本元素、圖形元素以及版式布局的運用[5]。
3.1.1色彩元素的運用
不同色相帶給人不同的情感聯想，與用戶性別、所處的環境、文化以及個人經驗有關。一方面要注重色彩的心理感知，使用符合用戶特點的色彩。另一方面，
需基于功能分布合理配色，色彩的使用既要有統一性，形成 APP 區別于其他產品的獨特個性，也要兼顧不同功能區承載的作用，協調、呼應、對比，通過合理的配色提升 APP 界面的易用性。
3.1.2 文本元素的運用
文本元素是 APP 與用戶溝通以及用戶與用戶之間進行信息傳遞的重要載體。一方面，字形、字號、顏色、粗細等構成了字體的基本屬性。受限于屏幕尺寸，建議設計中使用的文本控制在一到兩種字體，通過改變字體的大小、顏色、間距、行距等來提升文本展示的層次性。另一方面，APP用戶的使用情境的多樣性構成字體的外部環境，直接挑戰著字體設計的可讀和易讀性。設計中需充分預見可變因素，積極適應外部環境的變化，實現用戶自主調整文本元素屬性，增強界面的可控性。
3.1.3 圖形元素的運用
圖形不僅能夠減少用戶認知負擔，同時能夠傳遞給用戶美的享受。APP界面設計中的圖形元素主要分為兩種：Logo 圖標和界面中的功能性圖標。Logo圖標是用戶下載和使用 APP 的重要入口，承載著用戶的第一印象和感受，與其他界面一起向用戶傳達著整個產品的設計理念。在色彩、樣式、質感等設計元素上應與 APP 的其他界面相統一，構成 APP 的視覺特點，幫助用戶形成連續的視覺體驗，增強用戶對APP的感知。APP界面中的功能性圖標通常設計簡潔，主要使用于導航欄、工具欄和標簽欄。不同的操作系統提供了很多標準的圖形控件供設計師和開發者使用，這些圖標對用戶來說概括性強，相互一致，更易理解識別，應盡量采用這些標準圖標。
3.1.4版式布局的運用
版式布局雖存在一定的規律可循，但具體到不同 APP 的不同界面，一方面需界面形式服務于界面內容。另一方面，需在設計之初便對APP界面有整體性把握，不同功能界面既變化又統一，力求所有界面無論從審美還是交互都能在相同元素的統一和不同元素的變化中創造出用戶可以識別的界面模式。
3.2 滿足用戶行為層的情感需求：趣味互動、社交體驗
主要是從互動形式和互動內容兩方面體現界面的操作樂趣。互動形式包括簡化操作過程、智能技術應用。互動內容包括使用游戲策略和增強社會互動。
3.2.1簡化操作過程
APP的操作界面設計一方面需著重考慮效率與時間的因素。人們處理信息、學習規程和記憶細節的能力有限，減少冗余步驟和干擾項，能夠減少用戶的記憶負擔，提高互動效率。另一方面在交互操作中，當過程無法簡化時，可以將復雜操作轉移給系統，讓機器代替用戶進行操作。如記錄用戶名和密碼、自動識別用戶IP所在的城市等交互設計細節。
3.2.2智能技術應用
隨著信息技術的高速發展，手機交互技術也實現了數次重大革命，體驗領域的不斷突破，優化著用戶體驗。APP產品中智能交互技術的有效應用，如指紋識別、語音識別、眼球識別、面部識別等技術的應用，能在增強用戶信息安全時帶來不一樣的操作體驗，也能間接提升用戶對產品的好感度。
3.2.3使用游戲策略
游戲的本質是被設計出來的欲望。如流行的智能手環，能夠把每天走了多少步分享到朋友圈中，這就是一種游戲的競爭激勵機制。常見的用戶簽到、級別劃分、活動獎勵、成就累計展示等，能夠提高用戶使用APP的積極性與參與感。
3.2.4增強社會互
人們溝通情感的需求決定APP產品的社交屬性。評論、點贊、關注、分享、吐槽等都是社會化互動情感需求的體現。表達與傾訴、交談與互動、群體歸屬、連結關系等良好的社會互動能夠維持用戶的參與、提高用戶粘度、提升品牌影響力。
3.3 滿足用戶反思層的情感需求：喚醒記憶、觸發認同
主要是使用戶在不斷使用APP的過程中，通過互動影響到自我形象、滿意度、記憶等，與產品間建立情感聯結，形成對產品品牌的認知和忠誠度。可以從以下兩方面入手：
3.3.1 記憶符號的運用
情感不只來自于感官的直覺刺激，更產生于對歲月的回顧和經歷的記憶。鑒于每個人的成長環境、區域、經歷不盡相同，建議設計過程中參考集體記憶，從而設計出可讀的隱喻。收集集體記憶―選取記憶原型―將記憶符號導入設計，是最直接的喚起人們記憶和情感雙重共鳴的方式[6]。基于記憶便會產生熟悉感，會更易于融入人們的意識，消解于日常而不會給人們帶來突兀感。
3.3.2情感的代入與交流
情感代入是以語言、圖像、聲音、動作等營造身臨其境的感覺。豐富用戶對世界的認知和對自我的認知。社會性情感的滿足會給用戶帶來自信，是用戶自我實現的一種方式。APP的高模擬性優勢使得通過五感完整構建一個接近于人的形象成為可能，讓產品中的人物或形象與用戶以朋友的方式對話、互動、游戲，是產品與用戶情感交流的好方法。
4 、結語
結合情感化設計的APP界面設計旨在為用戶提供愉悅的情感體驗，然而需要注意的是，大多數的情感化設計停留在本能層和行為層，不能引起用戶的強烈共鳴。而且伴隨著APP生命周期的演變，用戶使用產品的新鮮感和驚喜感會逐漸淡化。所以，設計師需要時刻關注用戶需求和產品自身的發展，提供其他產品不能提供的情感體驗，真正發揮界面情感化設計的效果。
[參考文獻]：
[1]尹建國.產品情感化設計的方法與趨勢探析[J].湖南科技大學學報，2013，16（1）：161-163.
[2]Aarron Walter，王興 譯.Designing for Emotion[M].北京：人民郵電出版社，2014.
篇10
關鍵詞：PPT課件 界面設計 圖形 圖片 文字
中圖分類號：TP317.4 文獻標識碼：A 文章編號：1672-1578（2016）11-0056-02
隨著教育技術在各領域應用的推廣，PPT課件已經成為教師教育教學、各行業業內交流過程中非常常見的一種輔助手段，如何制作出高質量的PPT課件這個研究課題越來越為人們所關注。課件不是知識點的簡單堆砌和羅列，需要進行設計，而優秀的界面設計是高質量PPT課件必須具備的條件。
好的界面設計不僅能使課件更加賞心悅目，增加觀看者的無意注意時間，還能提高文字可讀性[1]，強化講演重點。那么，如何才能設計、制作出美觀實用的界面呢？筆者認為可以從以下幾個方面著手去做。
1 利用現成的模板
如果制作者本身的設計能力、美學素養不是非常過硬或者制作時間有限，那么可以考慮使用PPT或者WPS自帶的設計模板，特別是WPS中有許多國人開發的模板可直接使用，新版本的WPS里模板更多樣，而且和PPT相互兼容。
2 自制模板
自制模板有兩個階段，一個是模仿階段，一個是完全創作階段。當然這需要根據自己個人能力進行選擇，還需要考慮課件需求的實際情況。
無論是模仿還是創作，PPT課件得界面設計都離不開圖形、圖片、文字這三個元素。為了使得整個課件保持和諧統一，課件的封面、目錄頁、內容頁、封底還應考慮包含相同或相似元素。在幻燈片母版里進行相應制作可以提高制作效率。
3 注重界面設計三元素
3.1 界面設計中的“圖形”元素
圖形在PPT課件中可以作為教學內容，也可以縮小后放在頁面某處作為美化元素。
3.1.1 簡單圖形的插入
可以利用“插入”面板里的形狀或者smartart插入需要的簡單圖形。例如幻燈片中插入圖片，如果畫面中只有圖片，畫面會很單調，如圖1所示。如果加上一些圖形，哪怕只是兩根簡單的線條，也會為畫面增色不少，如圖2所示。
3.1.2 多個圖形的疊加
打開”文件”菜單下的“word選項”面板，在“自定義功能區”中可添加“形狀”選項卡，如圖3所示。其中的形狀剪除、形狀交點、形狀聯合、形狀組合四個命令項可以設計當多個圖形對象疊加時留下的圖形，利用這種方法可以進行簡單的圖形創作，如圖4所示，圖4為學生課堂作業。
3.1.3 圖形的創作
單擊插入――形狀――任意多邊形，多次重復單擊、移動鼠標可以繪制出有意義的圖形雛形，然后通過編輯頂點調整控點和控制柄位置可以創作出需要的圖形，圖形繪制好后再設置合適的填充色，多個圖形合在一起，可以形成一幅非常漂亮的畫，如圖5、圖6所示。圖5、圖6為學生課堂作業，圖中所有對象都為任意多邊形或其他圖形繪制而成。
單擊插入――形狀――任意多邊形，然后像用筆繪畫一樣按住鼠標左鍵拖動也可繪制圖形，不過這種方法繪制出的雛形，放大后線條毛糙、不流暢，而且后期因為控點太多不容易調整。圖形雛形也可以利用一些簡筆畫作為參考圖，繪制完成后再刪除參考圖。
在課件制作過程中，作為簡單圖形插入的應用比較常見，而復雜圖形創作因為比較費事，很少人選擇使用它。不過筆者認為，通過多個圖形疊加或者利用任意多邊形繪制出的復雜圖形，當掌握技巧后繪制起來并不是非常困難，而且也不需要非常專業繪畫技巧。
3.2 界面設計中的“圖片”元素
圖片在課件中可以作為教學內容，也可以僅用于美化。
3.2.1 圖片素材的選擇
圖片素材的選擇需注意以下幾個方面：首先盡量選擇分辨率較高的圖片，否則放大后圖片會模糊不清，達不到觀看效果；其次要注意圖片構圖本身的縱橫比，否則拉伸后會變形，影響畫面美觀效果；再次，作為背景的圖片不能選擇色彩、層次豐富的圖片，否則會造成喧賓奪主，文字內容無法醒目表現的情況出現。另外，課件中圖片不是越多越好，要考慮到實際需要，要權衡利弊后慎重選擇，更不能選擇與教學內容毫不相關的圖片，否則可能會給觀看者造成理解上的干擾。
3.2.2 PPT圖片工具的使用
PPT自帶的圖片工具可以對圖片進行裁剪、背景刪除、圖片邊框、圖片效果、圖片顏色、對齊、旋轉等操作，使得圖片更加符合講演需要，經過圖片工具處理的圖片外在形式更加多樣、生動。
3.2.3 圖片素材的處理
利用PS工具或者美圖秀秀可以對圖片水印效果、多余的內容刪除等其他細節進行調整。美圖秀秀操作簡單，容易掌握，特別是“摳圖”操作非常簡單實用。當然對于圖片的一些復雜的處理，特別是多圖層操作，還是用PS更合適些。
對于要在一些顏色鮮艷多樣，明暗層次豐富的圖片上輸入文字的情況，可以考慮在圖片上插入一個有底紋色、邊框的圖形，形狀效果適當調整后，在圖形上輸入文字，這樣既保留了所需圖片，又使得插入的文字醒目、突出。
3.2.4 PPT中的圖形與圖片
作為圖形插入到PPT后還可以根據需要隨時調整，而如果是通過photoshop或者其他圖片創作工具制作出的圖片，插入到PPT后是不能在ppt中修改的，而只能在原有創作工具中進行修改。不僅如此如果后期對圖中部分內容制作動畫的話，圖片是無法實現的，圖片只能作為一個整體制作動畫。例如一幅樹的圖片在后期利用PPT來做動畫的話，只能制作出針對整棵樹的動畫，而不能僅針對樹上的樹葉做動畫，而如果是圖形，就可以根據需要任意安排樹中的多個樹葉對象做不同的動畫。
3.3 界面設計中的“文字”元素
3.3.1 文字內容的設計
文字是界面設計的“點睛之筆”，通常在使用過程中是作為講演者語言的重復強調或者輔助說明。制作課件時最容易犯的錯誤就是一張幻燈片上文字太多，信息量太大，導致重點不明，字體不清。同時由于界面上內容太多，也會讓人感覺界面缺乏設計，如圖6所示。解決方法有：方法一，刪減原有文字，提煉出關鍵詞或關鍵語句，可分層次、分條列出，注意分層最好不多于三層；方法二，分成多張幻燈片。
例如，圖6中的幻燈片可從以下角度考慮界面設計的整改：一是一張幻燈片中涉及的主題太多，重點不突出，整改措施是根據文字表達的不同主題將內容分在三張幻燈片上，同時為了突出重點，在標題處配合圖形進行設計，段落文字中重點詞語用彩色突出標記，還可以配合合理的動畫設計突出文字中表達的重點；二是根據背景顏色以及幻燈片中圖片的位置、大小、內容合理安排文字的位置、大小、字體等，保證界面風格一致；三是相同級別的文字保持字體、字號、顏色、設計方式的一致。如圖7所示。
3.3.2 個性化文字字體的應用
為了配合界面設計的風格，有時做課件時會選擇比較個性的字體，這些個性的字體一般電腦上都沒有安裝，所以一旦做好的課件換了電腦打開后，這些個性化的字體就會變成默認的字體，失去了本身的風格。這個問題的解決有兩種方法：一是把這些個性化的字體文字保存成圖片插入在幻燈片中，這種方法比較適用于文字比較少而且一般不需要進行修改的內容，因為一旦存成圖片后文字就不能編輯了，如果有錯誤，只能重新制作存為圖片插入；另一種方法是將需要的字體文件保存在課件包里，提示使用者為了達到最佳觀看效果，使用課件前需安裝必要的字體，這種方法不存在修改文字麻煩的問題，但是字體需要手動安裝。
3.3.3 文字顏色的選擇
一張幻燈片上文字顏色不宜過多，否則容易讓觀看者眼花繚亂，找不到重點。文字顏色還需要與背景色形成鮮明對比，保證文字醒目突出。
當然，作為課件的界面設計來講，還需要考慮課件的使用對象以及教學內容等方面的適用性問題，適當的留白對于課件界面設計來講也非常重要。
參考文獻：
