首頁

這7個秘訣，能幫你做出體驗極佳的網頁表單

周周

表單是網頁設計中最常見的元素，幾乎每個網站都會包含一種甚至幾種不同類型的表單。從簡單的電子郵件搜集和訂閱，到注冊、下單、購買，表單一直伴隨著網頁而存在。所以，設計出好看易用的表單是非常有必要的。

也正是因為表單一直伴隨這網頁存在，在過去的20多年間，表單的設計規(guī)范和標準也一直在逐步發(fā)展。雖然許多網頁中的表單涵蓋了大量的信息也數量可觀的欄目，但是絕大多數的優(yōu)秀設計和最佳實踐都是以簡單而著稱。好的表單一目了然，用戶不需要輸入太多信息，條目標識明確，格式清晰，讓用戶盡可能一次就能正確填寫。

評論(0) 瀏覽(3154)

人氣好文！寫給網頁設計師的視覺設計基礎手冊

資深UI設計者

編者按：這篇文章總結的18條網頁設計技巧，多是新手設計師容易犯的細節(jié)錯誤，每條技巧都有案例有對比，簡單易懂全干貨。

評論(0) 瀏覽(3208)

這10個思路，能幫你設計出簡單易用的網頁

資深UI設計者

編者按：極簡主義的流行讓越來越多的網頁設計師開始著迷簡單、簡約的網頁設計，CARRIE COUSINS 的這篇文章就幫你搞定這個問題~

坦率的講，在網頁設計這件事情上，簡單的設計往往更好。一個簡單易用的界面更容易為用戶所掌握，也更容易將一個新用戶轉化為一個活躍用戶。

面對龐雜的需求，許多設計師總會身不由己地向著復雜的方向來設計網頁，那么到底要如何將一個已經比較復雜的網站簡化下來呢？其實思路并不復雜，訣竅在于根據用戶目標，重新審視整個路徑，將妨礙用戶達成目標的障礙都清除掉。

而今天我們要聊的10個簡化技巧都是圍繞著這個思路來推進的。無論你是正在設計一個全新的網站，還是針對現有的網站進行簡化，這10個簡化技巧都非常值得嘗試。


評論(0) 瀏覽(3214)

總結了日式網站這4個優(yōu)點后，我能把中文網站做得高大上了！

資深UI設計者

本文通過分析日式網站的色彩、圖片、文字和元素運用，幫你充分吸收日式網站的精華，讓中文網站的設計也變得高大上！

評論(0) 瀏覽(3314)

網頁中用到的對比原則（一）：色彩對比

用心設計

式美法則是人類在創(chuàng)造美的形式和過程中對美的形式規(guī)律的總結概括，世間萬物的美都可以用形式美法則來概括。在平面構成中也有形式美法則：統(tǒng)一和變化，對稱和平衡，節(jié)奏和韻律，對比和調和。小編曾給大家介紹《寫給大家看的設計書》這本書，書中作者也概括了設計四大基本原則，分別是：對比、重復、對其和親密性。平面構成的形式美法則和Robin在書中概括出的設計四大原則中都包含了對比，這兩者所表達的內容是一樣的，可見對比在設計中的重要性。

網頁中用到的對比原則（一）：色彩對比

評論(0) 瀏覽(4374)

視覺系統(tǒng)中的按鈕

資深UI設計者

我愛按鈕們。我可以用按鈕做很多事：進行下一步，做出決定，或者完成事務。有了按鈕，交互變得煥發(fā)生機。

這就是為什么按鈕們是一個設計系統(tǒng)里最重要的組成部分。非常簡單，它們在指定的區(qū)域提供可以點擊的簡單標簽。因此，按鈕是你應用一種設計語言的基本特征的重要方式，之后你可以把特征擴展到其他更復雜的部分上。

這篇文章講的是我在一個新生系統(tǒng)中著手設計主要按鈕、次要按鈕、以及一大堆其他類型按鈕的時候所學習到的 12 條經驗。

評論(0) 瀏覽(5027)

現在網頁設計中圖片有哪些常見的使用技巧？

資深UI設計者

圖片在網頁中所扮演的角色越來越重要。作為最常見也是最早使用的網頁多媒體，圖片對于網頁設計師而言至關重要。如何用好圖片已經成為了一項成熟、完善而又講究的技巧，而在高清屏幕無處不在的今天，稍有瑕疵的圖片都在高密度的像素下無所遁形，而不合理的圖片設計也不會逃過訪客的雙眼。

評論(0) 瀏覽(3523)

2017年，這5個網頁設計風格可能會成為主流趨勢

資深UI設計者

幾何圖案與全屏背景圖結合、灰色的高級用法、色彩疊加… 這篇總結的這5個網頁設計趨勢，其實在年底就初現端倪，所以2017年大面積運用幾乎勢在必行，想不落人后記得打開閱讀喲。

評論(0) 瀏覽(3793)

這8個要點，能讓你的網頁首圖抓住用戶注意力

周周

編者按：Banner 是我們最常聊到的設計元素，它是一個網頁的招牌，是用戶最容易看到的視覺元素。今天，我們來聊聊Banner中的急先鋒，網頁首圖，它的設計之道。

網頁設計師都明白，網頁對于用戶的第一印象是非常重要的，而網頁給用戶的第一印象很大程度上取決于網頁的視覺設計。現在的網頁雖然多種多樣，但是出于視覺化設計的目的，大多會使用大圖背景，或者超大尺寸的Banner。當用戶一打開網頁的時候，映入用戶眼簾的Banner ，是影響視覺設計的關鍵因素，它有個專門的術語是 Hero image，我們通常稱之為首圖。所以，網頁首圖的設計需要特別用心的。

網頁首圖不僅僅是一張漂亮的圖片，它還應該是強大的視覺傳達工具。談情懷不如講套路，今天的文章，我們就通過一系列最佳實踐來為你展示首圖設計的一些設計“套路”。

評論(0) 瀏覽(3314)

占位符文本的選擇

用心設計


占位符文本可用作幾乎所有的HTML輸入類型的屬性，被誤導的設計師和開發(fā)人員不要猶豫。為復雜的表單提供文字幫助或者刪除輸入標簽來提高美觀度都頗具吸引力，然而，這樣使用占位符文本會導致許多可用性問題。


本文將例舉常見的不良做法，并提供替代方案。


將占位符作為標簽

Image title

評論(0) 瀏覽(4762)

日歷

鏈接

個人資料

藍藍設計的小編 http://m.yvirxh.cn

存檔