把控這些細節，你將會做出一個漂亮的網頁設計！

2015-10-01 分類：網站建設

雖然我不承認我了解架構,產品設計的另一個相同的共性是最容易忘記細節。但這些小事情,微小的細節,最終促使美麗的產品,和漂亮的房子。當然，我提到的產品設計中的“細節”，并非只是表面的設計,如顏色、陰影或位置。相反我指在網頁設計中難以定義的、用戶體驗和潛意識的模式,以及幫助用戶感覺更自在的交互。這些細節比如是可能是光標的形式、“向下”風格的按鈕、或一個有用的動畫。

這些細節采取何種形式,我敢打賭,它不是在Photoshop里設計。注重細節是很難的事情，當你構建一個產品時，需要花費昂貴的時間和技術開銷，這一切都是為什么細節很難把控的原因。我花時間在這些細節的追求,我有兩個奢侈品，謝天謝地我能負擔得起。

首先,我有能力使用,改善和重復。我不只是談論關于技術實現細節的能力,我也有時間這樣做。有時一個交互會帶我長50%,僅僅是因為我花了幾個小時困擾的動畫狀態發生在0.65秒的時間。這不是一個奢侈品,許多產品可以承受,或愿意建立范圍。這是可以理解的。

第二,我使用我的產品,如果有一個惱人的交互中存在不必要的長篇動畫或一個愚蠢的用戶體驗，那么這個產品是留不住用戶的。網站建設也是一樣，做不出優秀的網站同樣也沒有人愿意找這樣公司做網站。這里推薦專業建站網站創新互聯。

視覺確認交互

很多網站中常常被忽視的細節就是——按鈕狀態。即使在快速網絡時代,也會有按一個按鈕后有可能會延遲,像一個新頁面加載圖像上傳,或某種類型的事件。然而很少有網站把加載期間后臺發生的事情用視覺傳到給用戶。如果有，這將是一件新奇的事情。留給用戶掛在那里,沒有確認他們的點擊改按鈕所形成的響應。每當這時用戶可能在考慮你的UI。

解決方案是考慮添加當用戶點擊的按鈕樣式,然后另一個風格或動畫當提交。每一個按鈕都有“下來”狀態,和動畫來確認你的點擊。更好的是,如果操作可能需要一段時間,考慮實際告訴用戶發生了什么。如果你不能通過設計充分解釋,可以用文本形式寫出來。

使用微妙的動畫

我可以幾天談論動畫的重要性,以及它在幫助用戶理解一個接口——幸運的是已經有很多更好的資源。相反,我只涉及細節的重要性,幾乎看不見的動畫。采取以下作為一個例子,拖動圖像文件夾不需要反饋。所以一個小動畫,推斷成功就能減輕不確定性。

動畫反饋

注意“X照片”號碼需要稍微長的時間更新?這是實際的服務器響應時間。在這種情況下,“筆名”動畫幫助用戶繼續他們的業務。動畫還可以幫助顯示上下文和視圖之間的過渡。而不是突然之間移動,冒著失去你的用戶的危險,動畫可以幫助顯示的東西是從哪里來的。

優化背景

任何產品包含數據、圖像或報告沒有屏幕會看起來是一樣的。然而在網站設計中,我們很好的優化背景,把數字圖像完全為背景設計和優化。很多網站中利于漂亮的圖片作為背景，是一種明智的選擇，有時候會出現視頻背景這也是非常不錯的選擇。

基調錯誤消息不是有益的。

為了解除和人類,我寫了上面的消息顯示在罕見的場合,由于服務器錯誤上傳失敗。當用戶耐心等待他們的上傳過程中,應用了一種毫無用處的和毫無悔意的反應。如果我是一個用戶去客戶端演示,這將是不太理想。在此之前,我接到一個客戶的理由憤怒的電子郵件。當然也有一些場合,可以有樂趣,和一點人性化的可以讓原本無聊的用戶體驗增加價值。

細節是一個產品最后的1%。他們很難定義范圍,他們絕對沒有替代深入研究偉大的設計和巧妙的工程。細節將幫助你的產品感覺自然、有趣、直觀,甚至讓用戶感覺聰明。這是小事情,這是讓人容易忘記的1%,但它是讓人們愛上你的產品的關鍵。

當前標題：把控這些細節，你將會做出一個漂亮的網頁設計！
轉載注明：http://m.newbst.com/news2/32952.html

成都網站建設公司_創新互聯，為您提供軟件開發、關鍵詞優化、云服務器、網站策劃、品牌網站建設、自適應網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

把控這些細節，你將會做出一個漂亮的網頁設計！