不言而喻的網頁設計

來源:互聯網
上載者:User

  在人與人交流的方式當中,語言交流是最為初級的,如果懂,一個眼神足以。

  設計亦如此。

  一個優秀的設計師究竟應該以怎樣的設計語言與你的“聽眾、觀眾”交流呢?

  其實,好的設計是會自己說話的,我稱之為“不言而喻的設計”!

  【Accessibility】

  可及性,無障礙的,可訪問的。

  設計內容比設計頁面本身更重要,可視性的設計僅僅是成功的一半。

  我提倡簡約之上。簡單的東西也可以有驚人的爆發力。

  這是一個資訊爆炸的時代,僅僅一分鐘就會有各種資訊撲面而來,怎樣能快速的讓你想要傳達的資訊第一眼就能被大家注意到,不光是靠“光鮮亮麗”的外表來吸引眼球呢?

  僅僅在視覺上下足功夫是不夠的,那是花拳繡腿,不足以去吸引福士。先理解使用者再考慮合適的設計,這是首要的。也就是說,長期堅持理解使用者的世界,理解他們的偏好和行為,才會讓你的設計“經久不衰”。當然,不是不在視覺上下功夫,而是,我們應該先懂得何為“設計”。設計的最終還是要[用]的,讓你的設計適應各種幹擾。

  對於使用者,請不要讓他們花費時間去思考,尤其是一些很低級的問題,但這卻是是設計師很容易因為一味的追求頁面效果而忽視了最“原始的設計”。

  1.這是什麼網站?

  2.我在什麼位置?

  3.我從哪裡開始?

  4.他們把%……&*%……放在哪裡了?

  5.頁面最重要的資訊是?

  6.我怎麼知道我的一些資訊,是否吻合這個網站,從而斷定我是不是他的目標群?

  … …

  諸如此類。

  如果你讓使用者花過多的時間思考這些,

  那麼,即便你用”華麗的封裝“吸引了他們的眼球也無法對你設計的網站建立信任。

  最基本的原則:去掉【 ?】

  如果你理解了這個原則,你就會開始注意到網頁上所有你思考的東西,

  最後,你將學會如何識別並在你的頁面上避免它們。

  是的,使用者是上帝。

  但不是所有的上帝都是阿凡提。

  讓每一個頁面都不言而喻,讓普通的使用者知道是什麼內容,知道如何使用。

  退一步講,如果你不能做到不言而喻,那麼至少應該讓頁面自我解釋。

  如圖(A01,A02),很簡單的例子:

  比如很常見的“放入購物車的功能”,當我們點擊按鈕時,自我解釋應該提示:已加入購物車或者如果有迷你購物車的功能可有提示。

  收藏夾也是如此,當然在保證了有此功能的前提下,是不是我們應該創新一下呢?

  創新,愚以為,不是從無到有而是從有變花。

  提示功能,查看功能,推薦功能…

  那麼,可不可以有別的想法呢?

  比如:許願清單 如圖A03

  女人的物慾是無止境的,給她一個許願清單,以類別做分,試想,如果你有一個家,家裡有很多小格格,是不是有衝動去把它們填滿呢?換一種方式來刺激消費,這就是我們的設計手法之一。誠然,這裡也涉及到了一些設計心理學的東西。所以,設計不單單是設計。

  【Beautiful】

  用細節征服所有的人。

  1.親,合理利用漸層呦!

  好的漸層可以豐富畫面,但也沒有必要一定要變個沒完,搞的跟彩虹一樣炫,這樣真的就外行了。

  如果真的沒有把握,其實純色的運用也絕對能撐起設計。

  2.親,今天你留白了嗎?

  關於空白,很多人都有闡釋,在此不多廢話,但親們一定要記住:讓你的作品呼吸起來!

  但切記“散”!

  3.親,字型使我們的好夥伴哦!

  不妨可以把字圖形話,或者各種變形,你會發現妙趣橫生。

  其實在設計的過程中,我們往往專註於圖形、映像的整合而忽略了字型,

  字型也可以是主角,也可以輔佐主體。

  PS:對於大篇幅的

  字型排版,字型選擇和間距就顯的格外重要了!

  4.明確醒目的導航!

  可以不花哨,但是一定要明確!如果瀏覽者不能快速、便捷的找到它,他們就很有可能去別的網站了。

  關於轉場效果,千萬別喧賓奪主了,簡單明了即可!

  切記:導航的作用是引導,而不是自high。

  5.細節,永遠是細節!

  可以多剖析一些好的設計,在同樣好的設計作品當中,細節絕對是PK的最終法寶!

  不是把所有的視覺素材全部拼貼,而是如何能讓你的作品凹凸有致。

  (關於視覺方面的東西,各位行家都有自己的一手,之前也分享了很多,在此我僅僅是重申不再作闡述了)

  【Customer】

  客戶。

  對頭,是需求方,是衣食父母,是上帝。

  隔行如隔山,

  不是所有的上帝都能明白你設計傳達出的資訊,

  這樣以來,我們總會有無法“觸電”的悲哀,

  所以理解萬歲,所以我們渴望“伯樂”。

  但為什麼不能主動出擊去培養我們的“客戶”呢?

  優秀的互動設計師說服能力很重要,其實在我看來,這正是他的專業體現。

  正如我們設計師,優秀的網頁設計師,互動是應該懂的,

  所以我們更能[l理直氣壯]的與你的需求方理論一二。

  望望大人曾曰:

  做的設計有理有據,其實在做的時候就想好的怎麼說服別人了,只不過當有人問的時候,你更加從容的回答了。

  專業加熱情加真誠,終會金石為開!

  【design】

  回到最初,迴歸設計的本真。

  設計技法只是一個輔助的工具。當我們飽含熱情的投入到設計當中時,要適時的走出來看看是不是附加了很多幹擾視覺的混亂元素。回到最初,給我們的使用者一個“乾淨”的介面。加減法也適用於此。比如,我們可以用空白或者背景色來劃分頁面,而不使用線條,這樣可以使前景吸引更多的注意力;再者,不要過分強調,如果我們使用加粗,那麼就沒有必要放大,描邊,甚至非要給個紅色才罷休;再看看是不是應該控制資訊的層次,減少元素的大小變化等等,相信,大家在設計當中都有自己的一些方法。那我們就共勉吧!

  最後給大家一個ADOBE的顏色組合運用網站:http://kuler.adobe.com/

  文章來源:網易使用者體驗設計中心 轉載請註明出處連結。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。