界面設計范文第1篇
關鍵詞：靜態;動態;虛擬;實體
隨著科技的發展、電腦及網絡的興起，網絡界面的出現使得人們的閱讀方式乃至生活方式發生著改變，直接影響著人們生活的方方面面。網絡界面設計作為平面設計陣營中的新生代，展現出數字信息時代下嶄新的藝術設計語言。當今是書籍設計與網絡設計共存的時代，實體與虛擬的并存，呈現出各自設計特征與發展方向。網頁界面設計中的視聽要素與所展現出的設計語言的新面貌，為已有的信息傳播方式帶來了新的展現平臺。網絡界面設計除了運用印制媒體設計的構成原理與視覺要素，還具備了其特有的鮮明特征。網絡界面設計的新特征展現在視覺藝術與網絡技術的不斷變革中。作為新生代的網絡界面設計是對印制媒體設計的繼承和發展，其與書籍設計相比有著其鮮明的特征。
一、新特征
(一)互動的距離。書籍設計呈現出一種“只讀藝術”，閱讀者在品讀過程中往往是被動的。而網絡媒體藝術是一種“可讀寫藝術”，瀏覽者可在登陸后實時關注，并在相關內容上進行瀏覽、反饋和答復等等，實現“零距離”交流互動。設計師將設計良好的界面、網絡技術開發和網絡交互性進行結合，將使網頁瀏覽者實現自由的、主動交互的選擇，這些對于書籍閱讀來說基本無法實現。
(二)線性與非線性。從書籍所呈現的內容文字來看，其呈現出“線性”排列，受其印制品的物理結構與相關內容空間編排的制約，這種由頭到尾線性文本的編排，使讀者產生單一方向的內容認知的過程。讀者在篩選內容后，在閱讀中是遵循一行一行的由前向后的讀覽方式，這就體現出“線性”閱讀的特色。網絡界面設計打破了傳統文本排列的架構。鏈接實現了文本闡述、拓展、補充等若干部分的內容。讀者根據需要將排列的文檔一部分一部分的劃分開，確定自己的閱讀中心，在屏幕上將閱讀空間內容重組，從而實現自主的個性化的文本閱讀意義。
(三)單一媒體與多媒體。多媒體的發展成為網頁界面設計的流行趨勢，與書籍設計這種單向媒體相比較而言，其優勢是集成圖形圖像、音效音樂、以及視頻動畫于一體，促使視覺觸覺聽覺等等全方位多角度多視點的傳達信息，吸引觀者。這種多表征的信息集合表現產生了“1+1>2”的效果。網頁模擬出真實的場景這是書籍設計無法體現出的效果。這種多感設計已成為網頁設計中爭相展現的面貌。
(四)空間擴展。書籍版面展現出來的是平面二維空間，而網絡界面往往是二維和三維的共同體。三維空間具有更大的信息量，增添了新的維度，從而滿足人對空間心里真實的需要。同時，界面的層層串接使瀏覽者在網頁內容之間循序往復的互相套接，架構出層層深度的脈絡，吸引人們深入認知。
(五)即時性。信息的時效性是信息社會的基本特征。書籍編輯印制的時間過程往往比網絡編輯發布的過程要緩慢。由于網絡技術和網絡界面的設計特點，設計人員將編輯完整的網站或網頁發布于網絡，那么發布即可完成。這樣往往節省了書籍印制過程中所需的時間段，從而在第一時間將鮮活準確的信息廣泛的傳播，網絡信息的即時性特點也就體現了出來。另外在網絡中互動的平臺中，往往也體現出信息的時效性。例如：論壇中的相關討論和問題的回復，都體現出此特點。
(六)廣告的靈活性。作為互聯網上新興的一種廣告形式——以網絡為平臺的網絡廣告也就應運而生了。網絡廣告是一種結合傳統的廣告形式與網絡應用技術的一種全新形式。網絡廣告與書籍廣告相比而言，主要可以從溝通性、信息性和效果性幾個方面加以比較。
書籍廣告中，由于書的特質致使其溝通受眾面有限，書中的廣告信息內容往往和書籍相關，效果大多傾向靜態的圖文信息，這樣的信息在傳播的過程中給人的感官刺激較單一。當然隨著科技的發展，也出現一些新的廣告方式，如：書簽廣告，隨書附贈品中加入廣告等，但與網絡廣告相比而言單一化的特征明顯。反觀網絡廣告的特質，其信息溝通模式是多樣性、實時交互性流通，避免了書籍廣告那種將信息灌輸式的發布，用印象去勸誘目標受眾成為消費者。同時其信息覆蓋面更廣泛、信息容量更大，信息綜合表現效果更強。
二、差異的表現
(一)書籍封面與網站首頁
就書籍封面而言，其間的圖形和文字等元素編排相對固定，效果方面也是據其內容設計出靜止且有內涵的風貌。而網站首頁表現手法靈活度大，往往會結合動態與音效等手段來一一呈現。引入式和主題式是網站首頁展現的兩種主要手法。引入式往往使用動畫或圖形圖像在首頁，主要是利用少量的文字和氛圍去制造出一個對網站總體的展現和引入。而主題式主要指首頁上方以導航條為主，下面出現若干分類信息。此類首頁以文字居多，分欄表現便于檢索。由于這樣的網站信息量較大，因此在查閱期間往往需要滾屏瀏覽。
(二)版面與界面
1、書的目錄與網頁導航。翻開一本書，想了解本書的內容，往往會先瀏覽目錄。目錄是本書的提綱挈領，呈現的方式主要是各章節標題與頁碼組成，靜態的組織加入紙張的質感無不顯現出書卷之氣。網頁中起到“目錄”功能的位置是導航條。其間只強調標題而略去頁碼，靜態與動態的緊密結合，聲效與變幻色彩的加入無不展現出導航條的特色。2、版心與分欄。書籍版面中的版心一般相對比較大、內容集中在版心內部，尺幅變化相對不大，整本書的分欄比較規范統一化，如：單欄或兩欄等等。留白率是指版面與空白之比，留白率的恰當使用會提升視覺效果和信息的認知度。與書籍版面相比，網頁界面的版心和分欄相對更靈活，留白率更大。版面色彩之間的運用與銜接變化更豐富。3、文字與圖底。網頁界面不像書籍版面那樣分出左右兩頁，并按前后注明頁碼。網頁間鏈接靠的是層層的鏈接，編排中的文字和圖形靈活多變，往往出現加底色或底圖的形式。從字體角度來看，書籍設計時軟件中可選用的字體種類較多，作為網絡界面上顯現的字體是由瀏覽者所使用的機器內部的字體數量決定的。一般用戶所使用的電腦中的字體是隨系統安裝的，字體數量是很有限的。因此網絡界面的字體與書籍上的字體相比而言展現出較固定化的特點。4、順序的呈現。書籍由印制裝訂在一起，內容在安排上順序感強，由前至后的段落排列引導讀者的閱讀。網頁界面因其互動性的特點，設計的過程中在主頁的超鏈接上可以按照不同人群需要設計出各種人性化連接界面，在設計環節中展現出脈絡狀的連接。
(三)形態表現
1、虛擬與實物。當今書籍設計師打破了傳統六面體的造型，創新出多面體的異型開本，使書籍從外觀造型上就獲取了更豐富的實物面貌。網絡界面二維、多維造型以數字化模擬體現，形態多變且靜動結合，多變的虛擬形態吸引著瀏覽者的關注和探求。2、材料質感的真實性與模擬性。特種紙的選用在如今的書籍設計中被普遍使用，各種真實的紙張質感易于彰顯出書籍的品質與內涵。而網絡界面中質感的體驗由數字化模擬表現來實現，網間質感呈現的樣式與書籍質感相比更多樣，實現起來更直接迅速。
三、融合
以上通過書籍設計與網絡界面設計的比較，更明確地辨清兩者之間的設計特征。如今兩者在平面設計領域中也不斷呈現出互相影響，適度融合的特征。書籍設計中適度加入互動環節已成為不少設計師的青睞。隨著“電子書”、“網上書城”作為新生力量不斷與線下的實體書店進行多角度的組合，“線上虛擬、線下實物”統一的內容不同的場合彼此融會貫通，共同開發拓展銷售渠道。
結束語：當今時代網絡界面設計與書籍設計彼此互補、互融，顯示了新時代的新特征。兩者設計中由靜態到動態、由單一媒體到多媒體，由直觀實體到數字虛擬。線上線下的信息平臺逐步豐富著我們的交流方式、打破著我們的時空限制。設計師在逐步實驗探索中不斷豐富設計的表現力和無限的可能性，我深信，兩者在將來一定會在豐富性、藝術性和實用性上有極大的突破，從而不斷的改變著我們的交流方式和生活質量，創造出更富有人性化的生活來服務于人。同時，我深信我們的設計師一直在努力的路上。
作者單位：沈陽航空航天大學
作者簡介：張浩(1971— )，男，漢族，石家莊市，沈陽航空航天大學，研究生，碩士，研究方向：視覺傳達設計及理論研究。
參考文獻：
[1][韓]崔美善.設計師談網頁視覺特效[M].北京:電子工業出版社.2006.
界面設計范文第2篇
隨著機器人應用領域日益擴大, 自動化水平不斷提高, 機器人多指靈巧手也迅速發展, 用來完成各種復雜的細微任務。自上個世紀60年代至今, 已經開發出來的多指手有很多種, 比較有代表性的是Okada手, Stanford/JPL手, Utah/MIT4指手, DLR系列手, 美國Johnson空間研究中心研制的5指手, Shadow多指手, 北京航空航天大學研制的BH系列手, 哈爾濱工業大學HIT系列手等[1]。但是在眾多靈巧手中, 用于抓取水果的并不多。像橙子這類水果, 大多生長較集中 (如圖1) , 而對于這類水果采摘抓取研究得更少, 針對該種情況提出了一種新的多指靈巧的設計, 并用模糊自適來進行控制, 仿真結果證明其可行性和有效性。
1多指手結構設計和抓取操作
1.1多指手結構設計
由于橙子生長較密集, 針對其抓取本文采用四指手, 每個手指都一樣 (如圖2) , 比起三指手有更好的穩定性, 以往三指手多采用每指三關節, 這樣共需九個電機, 現設計手指關節電機總數要少于三指。每個手指兩個關節, 兩關節軸線平行。每個關節上都裝有特制的精密電位計, 用于測量關節轉角。各指采用空心, 以便手指力傳感器及電位計的引線可以在手指內走線。四個手指安裝手掌上, 手掌下面安裝電機, 能帶動整個手運動。各個手指內側中部都安裝有力傳感器和觸覺傳感器, 用于測量力的大小和滑移程度。
1.2抓取操作分析
當手掌中心的傳感器碰到果實時, 基關節電機開始轉動并帶動基關節向里收攏;當基關節手指內側的傳感器碰到果實后, 觸發第二個手指關節處的電機轉動, 帶動第二關節向內收攏, 直到最后一個第二關節內側的傳感器碰到果實并進行力反饋時, 手腕處的電機帶動整個手向下運動開始抓取過程。
從圖1 可以看出, 如果果實之間比較緊密或者由于周邊枝葉的干擾, 在抓取時手指很有可能碰到阻礙而無法正常收攏, 所以靈巧手的設計采用較短手指來解決此問題, 在保證手指靈活性的同時也盡量減少和周邊的干擾。另外在抓取前基關節角度略大于90°, 這樣也是盡量避免和周邊物體的碰撞干擾。四個手指在手掌的布位足夠一個正常橙子的大小。抓取圖示如圖3 , 該圖是平視, 只顯示了其中兩指的情況, 另外兩指的情況一樣。
在完成初始包容后, 手腕電機帶動手向下運動。這時第二關節指面會對物體有壓力 (如B點) , 由于手指設計得較短, 對橙子的包容并不完全, 在手向下運動時由于擠壓和果梗的牽連作用, 橙子很有可能和手指發生相對滑動甚至是滑脫, 這時就需要根據反饋作用來調節關節電機的轉動來更緊地包容橙子。隨著手腕電機帶動手向下運行, 反饋過程不斷調節關節電機向內包容。在此過程中, 主要控制第二關節向內收攏, 而基關節只起到約束果實的作用, 收攏角度不大。為了完成該過程, 設計采用自適應模糊控制, 詳細分析見下面的內容。
2多指手指關節的建模分析
用D-H法建立多指靈巧手的指關節坐標系。首先, 為每個指關節建立附體坐標系, 然后通過D-H矩陣表示出后一個關節和前一個關節的關系, 最后經過逐次變換將“附體坐標”表示的各個關節方程最終變換成用“參考坐標”來表示, 確定和建立每個附體坐標系應根據如下規則:Z軸方向沿其所在關節的運動軸;X軸由附體坐標系Z軸和其前一坐標系Z軸確定;Y軸按右手坐標系的要求建立;手指基關節視參考坐標系為其前一坐標系[2]。
3自適應模糊控制器
自適應控制是能修正自己的特性以適應對象和擾動的動態特性的變化。模糊控制是建立在人工經驗基礎上的, 是把實踐經驗加以總結和描述, 并用語言表達出來, 能反映人類智慧思維的智能控制, 并可用單片機等來構造模糊控制系統?；谝陨蟽烖c, 可以將模糊控制和自適應控制結合?？刂破鲬鶕＜医涷炗缮衔粰C提前設置上限, 從而設計基于上界已知的自適應模糊控制器。
3.1控制器設計原理
用于逼近未知非線性函數fi (x) 和gij (x) 的控制系統為
ξfi和ξgij (x) 是模糊基函數向量, θfi和θgij是自適應調節參數向量。設θfi和θgij的最優逼近參數為θ*fi和θ*gij , 最小模糊逼近誤差為εfi (x) 和εgij (x) 。
則
采用
由于
通過仿真可得第二關節的位置跟蹤和速度跟蹤曲線如下圖4, 從圖4可以看出藍線 (控制后跟蹤曲線) 能較好得跟蹤紅線 (原曲線) 。說明該控制算法能很好得跟蹤被抓物體位置和速度, 保持手指和果實的緊密接觸, 實現穩定抓持。
注:P表示Position tracking 位置跟蹤; S表示Speed tracking 速度跟蹤。
3.2具體設計
3.2.1 原理圖
系統結構如圖5, 機械手通過裝在其上的傳感器測得相應數據, 與系統的給定值相比較, 從而完成反饋控制過程, 而系統的輸入值是由上位機根據完成的工作目標及精度提前給定的。ex、ey為系統誤差;u為模糊控制器輸出的控制量, 也就是所要控制的電機轉子的旋轉角度;E、U分別為量化后系統誤差和控制量的模糊集合;kx、ky分別為ex、ey的誤差量化因子;ku為輸出控制量的比例因子。在閉環回路中, 自適應模糊雙反饋控制器根據反饋值與給定值的誤差和自適應調整后模糊控制規則得到關節電機轉子角度期望變化u, 完成手指關節的期望轉動。
3.2.2 模糊自適應控制器設計
為了使系統的設計具有較好的可讀性, 重新命名變量, gap (實際力和最大承受力的距離gap) 相當于x;dgs (degree of the stability of grasping) [4]表示y;角度輸入仍用u, 表示電機輸出轉角。
對于本系統, 由于機械手的控制較復雜, 自適應的要求較高, 所寫控制規則較多, 如果還是采用傳統的論域書寫要求去定制論域的話, 會造成論域及控制規則的可讀性較差。所以在論域的記法上做了改進, 采用數字記法, 該法的使用使得控制規則有很大的可讀性, 具有較強的人類語言, 避免了大量的語言分類, 另外還可增多關鍵點的采集, 增強了控制精度。模糊控制規則見表1和表2 (由于表較大, 故分成兩個表寫) 。
注:其中G:距離的最大值;D:抓持得非常穩;A:最大轉角。每個元素字母前面的數字表示占最大值的百分比。
3.2.3 實驗結果分析
從圖6可以看出, gap、gds與u 的二維/三維輸出關系曲線/面比較光滑, 說明系統自適應效果較好, 電機輸出轉角能夠根據雙反饋 (實際力與最大承受力的距離和抓持穩定程度) 輸出較合理的轉角, 達到穩定抓持的效果。
注:gap的單位是牛; gds表示相對于最大穩定度的百分比, 是一種相對穩定度的度量; u的單位是度
4結語
本文針對生長較集中橙子的抓取問題, 提出了一種新型多指靈巧手的設計, 仿真結果表明其可行性, 但在雙反饋中抓持穩定度的實時準確反饋仍然是難點, 將在后續工作中繼續深入研究。
參考文獻
[1]劉慶運, 錢瑞明, 顏景平.機器人多指手及其抓取機制的研究進展.現代制造工程, 2007; (9) :148—152
[2]辛瑞武, 肖南峰.五指形仿人機械手的數學模型研究.計算技術與自動化, 2006;25 (1) :23—25
[3]劉金琨.機器人控制系統的設計與MATLAB仿真.北京:清華大學出版社, 2008:193—194
界面設計范文第3篇
摘 要 以筆者近年來設計類專業經驗，目前國內的網頁界面設計不甚理想，存在著很多問題，不友好的網頁界面嚴重影響了網絡交流的進行，因此應該重視對網頁界面設計的研究工作。筆者認為完全有必要把一幅優秀的網頁界面設計作品視為一件藝術品，它應當具有同拉斐爾、畢加索或是安格爾的作品一樣的待遇和地位。網頁界面設計作品是技術和藝術的高度統一。它不僅需要技術人員編程將它實現，而且需要設計師運用運用統一、對比、對稱、均衡、節奏、韻律等形式原理進行設計，以構造出和諧、流暢、自然的網頁界面。
關鍵詞 網頁界面 版式設計 功能美和形式美 技術和藝術
一、引言
21世紀人們稱之為信息時代、數碼時代或者IT時代，它是建立在以電子計算機為平臺的基礎之上的。如今計算機和網絡的發展日新月異，以迅雷不及掩耳之勢席卷全球。各個商業機構和企業紛紛涌入互聯網，數以千計的大型公司和不計其數的小型企業正在利用互聯網進行自我宣傳和企業推廣，并在網上展開營消活動甚至提供完備的售后服務，互聯網已成為企業宣傳其產品或者服務的的重要方式。網頁已經成為當今社會的主要媒體之一，可以這樣說，網頁是超越廣播、電視、報紙、雜志等媒體的更加全面快捷方便的通信方式，是傳播設計中的中堅武器。在日常生活中，無論是有關衣食住行，還是生老病死，只要你能想到的主題，都能在網絡中找到你想要的信息。當遇到突發性新聞事件或熱點事件，網絡無疑便是最重要的信息傳播渠道。在互聯網日益發展的今天，我們已經很難與計算機和網絡分開了。計算機和網絡交流必然成為今后人們生活中重要組成部分。網絡文化已經形成一種為大眾所接受的文化現象。因此，我們再也不能對網頁界面的設計熟視無睹了，因為它設計的好壞直接影響著信息的交流和網絡的傳播，甚至影響網絡事業的發展。
二、國內網頁界面設計的的現狀
在我國，網頁設計正處于方興未艾的時期。網頁設計人員也是各大網絡機構、設計公司爭相禮聘的高級人才。在網上隨意瀏覽一下，就可以發現許多關于網頁設計的站點，并且在數以萬計的個人主頁中也不乏精良之作，可見我國的網頁設計已有了相當的基礎。但仍然可以看到，許多網頁設計人員并沒有認識到技術與藝術結合的重要性，或片面地理解了藝術設計的含義。因此在網上看到更多的可能是布局千篇一律、色彩搭配混亂、版式紛雜紛亂，表面五光十色實則空洞無物的設計。具體表現的現狀是什么樣子的呢？我想大家都深有體會。
第一個問題是“滿”，它將各種信息諸如文字、圖片、動畫等不加考慮地都塞到頁面上去，有多少擠多少，仿佛要把自己要表現的意圖一下子都展現出來。不加以規范化、條理化，讓人看的眼花繚亂，很難找到有效信息。
第二個問題是“花”，這類網站也有不少，顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨，但是非常不實用，例如采用很深的帶有花哨圖案的圖片作為背景，嚴重干擾了瀏覽，獲取信息很困難。同時有些為了色彩豐富，用很鮮艷的顏色做底色，底色上文字又不注意和底色搭配協調。沒有整體感覺，盡管有些頁面內容不多，但是瀏覽起來仍然特別困難。
第三個現在網頁設計中的誤區就是千篇一律，缺乏個性。當我們打開電腦，上網一看，好多網站版式設計都是一樣的。好象出自一個人之手。
綜合以上的分析，可以找出很多目前網頁設計上設計的不足，特別是審美上的不足，照顧網頁功能上的需要的前提下，需要有針對性的采用一些美的形式。來使網頁做得更加有生氣，更吸引人。
怎么才能做到這些呢？在沒有分析這個問題之前，我們先來分析一下網頁界面設計的兩個功能。即實用功能和審美功能。
三、網頁界面設計作品實用功能和審美功能
我們完全可以把一幅優秀的網頁界面作品當成一件藝術品，就像對待那些世界名畫那樣對待它們。這是因為網頁界面作品具有任何門類的藝術作品所共有的審美性的內容。但這并不是說網頁界面設計作品可以和純藝術作品之間劃等號，或者完全不顧兩類藝術作品之間的根本性差別。網頁界面設計作品作為一種藝術形式，屬于藝術范疇，它的美感存在于實用性當中，功能美和形式美必須高度統一起來，也就是說，它除了具備審美功能以外，還必須具備實用功能。而純藝術作品的審美可以單純的從觀念性分析，不必考慮它的實用功能。這就是他們之間的本質差別。
那么，什么是網頁界面設計作品實用功能和審美功能呢？
（一）實用功能
界面設計的實用功能，主要是為了滿足人們的獲取信息的需求，讓人們上網瀏覽能夠更加方便。讓人機交流能順利進行。我們知道，人們上網的目的，不外乎獲取信息、交友、娛樂、購物這幾種，具有很強的自主性、選擇性。一旦遇到外部環境中帶有負面作用的刺激，就會終止瀏覽，轉向其它頁面或者退出。而版式設計就是將網頁界面變得更加友好，把這種負面作用盡量的降低。它讓人機對話變得輕松，促使人們迅速達到自己的目的?！霸O計以人為本”這一原則在網頁界面設計中應該很好的體現，要在操作中達到真正的人機和諧，必須以更高層次的眼光來看待網頁界面設計。這就要求設計師綜合考慮到視覺流程、閱讀習慣、接受心理、視錯適應等多種因素，實現人機系統的宜人高效的目的，通過合理的版式設計來加強網頁界面設計的實用功能。許多從事界面設計的人往往一味追求形式上的“新”、“異”、“怪”，而忽略了界面設計的功能性，走進了界面設計的誤區。
（二）審美功能
人們總是希望看到美的事物，得到美的享受，因此他們在接受網頁信息的同時，也非?？释艿玫矫赖南硎?、美的遐想、美的激情、獲得了快樂和藝術的感染，這就是發自內心的審美體驗。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境（黑格爾《美學》第三卷）?！毙枰⒁獾氖牵壕W頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容，網頁設計都會變的空洞而無力。設計者只有將內容和形式有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能在真正意義上體現出網頁界面設計的審美價值。
（三）實用功能和審美功能之間的關系
網頁界面的實用功能是最主要的，可以說是第一位的，脫離了功能美的形式美是沒有意義的。界面是以實用功能為前提和基礎，其審美功能必須以實用目的為導向，不能背離實用目的。網頁界面自從誕生那天起，就表現出了實用價值，當時的界面只包含實用成分而不講究形式美感。直截了當地使用文字符號進行人機交流，界面的審美功能完全通過功能美來實現的，并沒有考慮形式美的因素。這個現象也符合人類設計審美的一般規律，即是先滿足實用功能再滿足審美功能。隨著實用功能的日益豐富和滿足而逐漸開始對更高層次的審美功能追求。設計發展的歷史也證明，在一定歷史階段，人的功能需求是有限度的，當網頁界面的功能美需求充分滿足之后，對于精神層次的審美需求就成了下一目標。正是這種對審美性的追求，才使網頁界面設計從原始的功能性領域中掙脫出來，走向藝術的殿堂，于是在審美的基礎上，形式美日益明朗和豐富起來。成為網頁界面必須具備的組成因素之一，今天我們在互聯網上看到的那些優秀的網頁界面作品，都是功能美與形式美的高度統一。
一幅網頁界面設計作品的審美價值可以功能美為主要表現對象，也可以形式美為主要表現對象，但是不管怎樣，功能美必須要作為審美價值的基礎，并且不能被單方面取消。我們平常見到有形式美感十分突出的作品，但這并不意味著它可以改變審美功能的構成屬性。這僅僅說明了它的審美取向的定位不同而已。例如，雅虎作為一個搜索引擎，首先要實現“搜索”的“功能”。它的審美價值取向偏重于功能之美。而一個個人網站，它的審美價值取向更偏重于形式之美，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。但是它的最基本的實用功能（讓人們上網瀏覽能夠更加方便。讓人機交流能順利進行）是不能被取消的，否則是不能稱之為優秀的網頁界面設計的。如果網頁界面失去了其功能因素的制約，那么它也將失去自身存在的價值和意義。正如英國著名文藝評論家拉金所說：“這樣的設計即使是天堂里的神品也罷，實際上不過是一件十分無聊的東西?！?/p>
四、我們如何創造形式美
從古至今，很多藝術家和學者都遵循形式美的規律去創作，很多經得起推敲的作品也都是遵循這些規律的，網頁界面的版式設計和其它視覺形式一樣，也遵循這些形式原理。我們應該把美的形式規律同現代的網頁版式設計的具體問題相結合起來。下面具體談談。
（一）秩序產生美
秩序是自然界的普遍現象，生活中到處都可以找到秩序的各種形式。秩序產生的美感具有簡潔直觀的特點。有位設計理論家指出：“人類的視知覺有中有將曖昧的形和色朝著勻齊簡練的形和色、將復雜的東西還原成簡潔的東西這種傾向?！?/p>
完美的網頁界面設計，在形式上要豐富有條理，我們把大量的信息塞到網頁上去的時候，要考慮怎樣把它們安排在一個統一有序的空間里去，使他們的關系即顯得整體又顯得富有秩序感。在具體的網頁設計的運用中，按鈕的編排就經常會遇到這個問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時絲毫不損其實用性。
（二）和諧產生的美感
優秀的網頁設計作品都很好的體現了和諧性，并且也具有很好的整體性。文字排列的和諧、色彩搭配的和諧、圖形圖象的和諧都會在整體統一的情況下，得到很好的運用。我們做畫的時候講究整體和局部的關系，其實質也是和諧思想的的一種體現。設計上的和諧的核心思想就是美學思想上的整體觀，亞里士多德曾經這樣說過：“美與不美，藝術作品與現實事物，分別就在于美的東西和藝術作品里，原來零散的因素組合為一體?！本W頁界面中和諧，主要是指各要素相互依存、彼此聯系的緊密結合，它們之間具有不可分割的整體性。這些文字、圖形、色彩等要素，都是為界面實現功能價值和審美價值服務的，它們之間相互協調。相互映襯。界面也因此具有美感和藝術特質。
（三）變化產生美感
變化是各個組成部分之間的區別，統一是各個部分之間的內在關聯。在我們把大量的信息塞如到網頁上去的時候，考慮怎樣把它們合理的用統一的方式來排布，使其整體感強同時又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網站諸如體育的網站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調而乏味，就是違反這種形式美的規律，所以要充分的運用變化來改進它，從排布的形式上或者是顏色上都可以。
設計師的工作必須遵從藝術設計的客觀規律。形式美感的創造。是在上述法則靈活、巧妙運用的基礎上產生的。
五、結束語
網頁界面的版式設計實際上沒有規定的格式可循，在實際的網頁設計過程當中，我們可以將所有在平面設計中體現出來的“新奇”、“獨特”和大膽的東西，運用到網頁界面設計中去。我們應該根據網頁界面的具體內容和要求，勇于突破傳統和形式框架的束縛，設計貴在創新和突破。
迄今為止，我國對網頁界面設計這一課題的系統研究還略顯薄弱，特別是在藝術設計領域中對網頁界面設計的探討尤顯不足，至今未能提出系統的設計理論和指導原則。對網頁界面設計進行系統性的研究，將視覺傳達設計的基本原則創造性地應用于網頁界面設計之中，確是當務之急。也是促進我國網絡事業發展的重要環節。
參考文獻：
[1]位元文化.css/html網頁設計[M].北京中國鐵道出版社.
[2]張凡等.網頁界面設計藝術教程[M].北京高等教育出版社.
[3]數碼藝術雜志2008 合定本[M].《計算機光盤軟件與應用》雜志社.
[4]黑格爾著 .朱光潛譯.美學第三卷[M].商務印書館，2010.
界面設計范文第4篇
信息時代的軟件與互聯網產品靠什么吸引用戶?今天的用戶早已不滿足于簡單界面功能的使用而更注重情感體驗。與之相應，近幾年，一個新興的名詞在設計領域悄然而生，以之命名的諸多部門相繼成立，與之相關的專業也在各大院校應運而生，這個詞就是“UI”。那么，什么叫UI設計?什么是UI設計師?他們就業前景怎么樣?
目前在國內UI設計還是一個相對陌生的詞，即便是一些設計人員也對這個詞不太了解。我們經?？吹揭恍┱衅笍V告寫著：招聘界面美工、界面美術設計師等等。這表明在國內對UI設計的理解還停留在美術設計方面，缺乏對用戶交互的重要性的理解;另一方面在軟件開發過程中還存在重技術而不重應用的現象。許多商家認為軟件產品的核心是技術，而UI設計僅僅是次要的輔助，這點在人員的比例與待遇上可以表現出來。 但這不是UI設計真正的價值體現，只是UI設計發展的一個必經過程。
UI即用戶界面設計，也稱人機界面，最普遍的應用是在軟件開發中，主要是指程序的用戶操作界面的設計，隨著Web應用的普及，UI也應用在了Web的用戶界面規劃上了。網站用戶界面(W UI)要經過規劃、美術設計、制作幾個過程。簡而言之，UI一般指網站界面、軟件界面、手機應用界面等所有圖形用戶界面的設計，手機操作系統、游戲操作系統、各種網站網頁的界面設計，也屬于UI設計范疇。
但專業、頂尖的UI設計師不僅僅局限在網頁、APP應用程序上的界面設計，更應掌握人機交互的技能。以用戶體驗為基礎進行的人機交互設計，能考慮用戶的背景、使用經驗以及在操作過程中的感受，從而設計符合最終用戶的產品，使最終用戶在使用產品時愉悅、符合自己的邏輯、有效完成并且高效使用產品。交互設計的目的是使產品讓用戶能簡單使用。
以Iphone手機的鎖屏界面為例。設計師除了要考慮界面的整體美觀，還要讓人不閱讀說明書的情況下，知道如何去操作，一眼便能找到開機的按鈕并且知道去移動，當移動滑塊，機器會發生什么樣的變化，并讓操作者確定已經成功?；瑝K移動到一半放手，又會是什么樣的變化。整個人與機器的交流過程便是人機交互。
界面設計范文第5篇
1、點
點不一定只是狹義的圓點,點是在版面里對比面和線更小的那個面積,點的形狀可以千變萬化,在界面設計中點的塑造和尋找是一種心理體會。在平面設計中,點可以烘托氣氛、顯示重點、指示信息和活躍版面。
2、線
在平面構成中,很多點連接在一起就會變成線,線只有長度和位置,沒有寬度和厚度。橫線有延伸感、豎線有垂直感、斜線有靈動感、曲線有柔美感;利用線的這些特性,可以起到很多功能性和裝飾性的作用,例如排版設計中畫冊或者宣傳冊信息量較大的時候,可以用橫線或者豎線來區分信息,讓信息更加明確,易讀;又如一些體現情感或氣質的設計中,可以用曲線來調節。另外,線還有串聯起信息和強調作用。
3、面
面是版式設計里面積最大的,是作品里最重要的表現部分。界面設計中面的塑造是最重要的,面可以有點和線組成,也可以由文字放大形成。畫面中,單個元素占據50%就是面,如果同時存在有兩個面比例最好不要是5:5,如果同時存在三個面,比例可以是5:3:2。
二、設計的形式語言
設計是一場設計師針對設計主題,以及所擁有的素材進行的點、線、面的策劃,創意,不斷嘗試的過程。這個過程的最終產出物,是否能夠傳達給用戶正確的信息,是否美觀,能夠吸引用戶的點擊和繼續閱讀的欲望,是設計師不斷努力達成的終極目標,想要最大化達成此目標,設計師必須將設計的形式美法則最完美的應用到設計過程中。
1、統一與對比
統一使設計作品的所有元素的大小、顏色、版式,看上去整體和諧,而不是好像很隨意的被放在一起。相似性設計,是最容易達成統一的設計,在設計中重復使用某一個或者幾個元素,會讓設計看上去比較整體、統一,但是元素重復的太多,也會讓作品變的單調、混亂。所以,在重復使用某一元素的時候,最好用它的變異體,這樣才能讓你的設計更獨特,更有質感。
對比包括強調和對比,強調是指最重要元素例如一個界面中的主題信息,給予最重的比例,可以是字體最大,最粗,也可以是顏色最鮮明,最好是能讓讀者不用費事,一眼就能看到。對比則是次重要元素和內容之間的也應該有一些反差,比如字體、字號和顏色之間的區別,但是不能反差太大,否則,通篇都是強調,反而讓人不知所云。
2、對齊
在界面設計中,最好不要使用太多對齊方式,不超過兩種的對齊方式能使界面看起來整潔優雅。一般不建議全部使用居中對齊,但是居中對齊的界面,在某些作品中也會比較適合,它能營造端莊大氣中規中矩的氛圍,如婚禮請柬,奢侈品廣告等。
3、對稱與平衡
對稱性是較早被廣泛應用的一種美學形式,人類在漫長的演化中視覺習慣早已把對稱納入美的范疇,對稱也普遍存在于世界當中并同人的生理現象相適應。對稱性具有穩定性、秩序感、莊嚴性,中西方的古代建筑多數都是對稱造型,如故宮與歐美的教堂等建筑。
對設計者來說,平衡是指各個視覺單位之間平均分配重量和力度,視覺平衡會使各個組成部分相均衡,無論他們大小、重量或形狀如何。平衡包括對稱平衡、徑向對稱、不對稱平衡。
4、比例
黃金分割律,是公元前六世紀古希臘數學家畢達哥拉斯所發現,其數值比為1.618:1或1:0.618,也就是說長段的平方等于全長與短段的乘積。設計中通常把黃金比例用5:3來代替,雖然不是非常精確,但是卻更直觀和方便使用。然而黃金分割比例只是在設計上的一個指導而已,如果你可以打破這個規則又能保持設計的自然平衡也是可以的。
5、節奏和韻律
多個相同或相似的元素按照一定的模式精心排列,就會呈現出節奏感。韻律,是設計節奏的變化形態,設計節奏的空間等距間隔,或是以幾何級數來進行變化間隔,仿佛音節的律動,有賞心悅目的質感。節奏和韻律的使用使元素在界面中有秩序、有條理、又有變化,由此形成的韻律,使版面的個性和視覺流程更突出、清晰。
6、色彩
色彩的三要素是色相、明度、純度。色彩具有自己的獨特個性,但又是多義的。比如藍色和綠色,有平靜、自然、健康、輕松感,同時又有肅靜、科技感,黃色、紅色代表溫暖、熱烈,同時又是警示色。
色彩搭配的五種方式:
同類色,單一色相的各種明度純度變化的色彩搭配;
近似色,使用到色環中的相鄰色,這樣的色彩搭配和同類色搭配一樣,協調并能達到高度統一;
互補色,位于傳統色環中相對應位置的色彩搭配,會產生很強烈的沖突感,比如紅色和綠色,這樣的搭配一般是以一種顏色為主色調,另一種顏色為強調色出現;
對比色,是色環中間隔120度左右的三個顏色色進行搭配,對比鮮明,但又不沖突;
三色合一,色相環中平均分布成三角狀,這樣的色彩搭配可以讓作品富于變化,產生強烈的效果。
三、形式美法則的運用
運用形式美的法則進行創造時,首先要透徹領會不同形式美的法則的特定表現功能和審美意義,明確欲求的形式效果,這是形式美法則的運用注意點之一,之后再根據需求正確選擇適用的形式語言,從而構成適合需要的形式美作品。
形式美的法則不是一成不變的,隨著時代的發展,以及潮流的變遷,美的事物也在發展,形式語言也在不斷發展變化,因此,在美的創造中,既要遵循形式美的法則,又不能犯教條主義的錯誤,生搬硬套某一種形式語言,而要根據內容的不同,靈活運用形式美法則,在形式美中體現創造性特點。
四、結束語
美是每一個人追求的精神享受。當你接觸任何一件有存在價值的事物時,它必定具備合乎邏輯的內容和形式。由于人們所處經濟地位、文化素質、思想習俗、生活理想、價值觀念等不同而具有不同的審美觀念。然而如果從形式美法則來評價設計,對于美或丑的感覺在大多數人中間存在著一種基本相通的共識,界面設計亦然。
參考文獻
[1]瑪麗·斯圖亞特.美國設計專業基礎課程完全教程[M].上海:上海人民美術出版社2009
界面設計范文第6篇
界面設計者本身也是網絡的用戶,能夠感受到界面設計帶給我們方便或者困擾。一般來說,運行良好的界面容易讓用戶達到使用的目的,有利于增強用戶的體驗。界面的視覺設計被稱之為信息傳遞者和被傳遞者兩者之間的橋梁。在網頁界面設計的視覺化設計中,用戶的視覺體驗逐漸成為重要元素之一,并且這一體驗研究不管是從深度或廣度上都在逐步升級,從開始追求用戶大眾心理的情感體驗,到現如今的視覺體驗。
網頁界面的設計其實它并不是指單獨的一個獨立設計,它是一個比較整體而且有深度的視覺設計,因此,要讓用戶追隨著設計師的思維邏輯走是很重要的,在用戶使用的同時潛移默化的去接受設計師的思維想法,從而引導用戶進入到網頁的“世界中”。網頁界面設計的最終目的就是為了讓視覺上產生瞬間的愉悅而設計,是為了美的視覺體驗而設計,通過界面設計來吸引用戶瀏覽網頁實現其網頁的價值。一個網頁界面在版式、色彩、字體等視覺元素的選用方式上以及其他細節的處理都是很直觀重要的,只有明確了設計目的,才能進行有針對性的網頁界面設計,才能最后設計出優秀的網頁界面。
一、網頁界面設計的視覺原則
1)簡易性。網頁的界面設計傳達的信息應是簡化的、方便記憶操作的?；睘楹喪乾F代設計的主要趨勢,目前很多界面都采用了圓滑、直觀的設計,在設計過程中去掉了不必要的附加信息,實現簡化,只給用戶提供需要的信息。
2)整體性。整體性是表現一個界面設計獨特風格的必要手段之一。其無論是從色彩、圖片、文本、頁邊距和排版等方面都要保持整體的一致性。整體性設計也通過多種媒體平臺在多個應用范疇中表達出來,不僅在傳統媒介平臺,也在界面設計上表現出來。
3)對比性。信息交流時代信息的傳達方式迅速拓寬,新媒體下的網頁界面設計無論是在傳播信息的數量、速度上都實現了一定程度的突破。在廣度上,網絡這一媒體提供的信息空間是巨大的,設計的作品也承載了巨大的信息量。深度上,主要體現在對信息傳播的完整性和表現力上,可以較為深入的表現信息,利用動態、聲音、視頻等形式,使用戶的感官充分調動起來,形成較為深入、全面的認知。在精度上,設計過程中要有針對性地選擇設計內容和合適的媒體,注重前期調研和后期反饋,使信息真正傳達給目標用戶。在速度上,運用對比的方法很多,最常用的就是使用顏色之間的對比,也可以采用字體的變化進行對比。
二、網頁界面中視覺元素分析
1)文字。文字在版式設計中的作用和意義,早已不是單純的信息傳達,而是一種藝術表現形式,它緊貼著時代的脈搏,滲透著流行和時尚。在編排文字時為了便于用戶閱讀,則需要減少大篇幅的文字,同時盡可能的去使用一種文字?；ヂ摼W在提供信息方面的突出優點在于網頁能夠用超級鏈接的方式將信息分段傳送,用戶可以根據需要選擇瀏覽的信息內容,通過點擊鏈接就能實現主動有選擇的瀏覽。這就決定了大部分的用戶不可能經行長時間的閱讀頁面文字,這就需要精簡和分段。其次需要提供“標志點”,這樣可以幫助用戶掃讀和記住網頁的內容。
2)導航。如今網站是一個大眾化媒體,而大眾化媒體的一個關鍵要素就是受眾在其中接觸信息的方便程度,因此在設計導航系統時應盡量把界面的層次簡單化,力求以最少的點擊次數鏈接到想要的內容。在進行導航設計時,文字部分的設計要完整、清晰和醒目。其次,形式和風格要統一并且要求將圖形符號化,這樣能使網頁界面不但在視覺上有一個整體的效果,而且統一的符號能夠有效的避免在使用過程中產生語義的混亂,造成使用上的錯誤。
3)色彩。在界面設計中,色彩是傳達意義、定義主調和喚起情感的重要因素之一。在設計過程中,運用色彩的對比和調和來形成節奏與風格,是版式界面設計具有情感的表現性和視覺的沖擊力。界面設計的色彩情感交互是通過界面激發用戶內心情感所創造的體驗?？陀^上講需理解哪些刺激因素能夠激發用戶的特定情感,以吸引用戶做出下一步的點擊選擇。界面設計中,運用色彩的聯想能夠喚起用戶的心理反應,運用對比和調和的方式來形成風格,使界面設計的色彩具有情感的映射。色彩的調和可以營造整體、統一的氛圍和風格,烘托界面的主題。
4)圖形。圖形是人類最容易接受的一種信息形式,一個圖片可以充分的反映和表現出來相關的信息,同時它所占的空間存儲也是比較大的。在一般情況下,大多數都用圖形或者圖片來代替語言文字,或以圖形為主,語言文字為輔的形式進行界面設計。圖形和文字的配合可以使顯示的畫面生動活潑。界面中的圖形直觀、具體、清晰、地向用戶傳遞信息,是網頁界面藝術重要的表現語言。
現在很多網站都普遍的存在問題,沒有去分析用戶真正的需求和用戶的特征,都是依據個人喜好或者客戶要求來進行設計依據,從而無視了網頁的可用性。網頁界面設計應以用戶為中心,通過設計來引導用戶,最終達到為其服務的目的。
重視用戶視覺體驗,將用戶體驗設計作為網頁界面設計的重中之重,是成功完成具有互動性的網站的開端。
摘要：新媒介作為21世紀影響深遠的主流媒體,豐富和擴展了人類社會發展?，F如今可以借助信息技術精準的傳遞信息,信息的傳遞在界面設計中有著很重要的地位,網頁界面設計就顯得尤為的重要,轉變設計師以往的以美為效果的設計思維,關注用戶視覺體驗將是網頁界面設計的關鍵之所所在。
關鍵詞：視覺設計,視覺體驗,界面設計
參考文獻
[1] 牛曉銳.網頁界面設計中視覺體驗的研究[D].上海:上海師范大學,2013
[2] 趙侃.用戶體驗設計—網頁界面設計的重中之重[J].藝術與設計(理論),2010,(09):55-57