首頁

網(wǎng)頁設計師必須掌握的7項技能

藍藍設計的小編

網(wǎng)頁設計師必須掌握的7項技能

網(wǎng)頁設計既是一門科學也是一門藝術(shù)。網(wǎng)頁設計工作一半基于正確的編程和設計技巧,另一半則基于是否對美與不美有著直覺般的敏銳度。一名稱職的網(wǎng)頁設計師一定要熟練掌握核心基礎能力才能在同行中做到出類拔萃。

重新審視正在流行的卡片式設計趨勢

用心設計

信息架構(gòu)與柵格系統(tǒng)

當你查看任何卡片式設計的時候,你是無法忽視整個設計中貫穿始終的柵格系統(tǒng)。每一個卡片的邊緣都在整個設計中成為一套更大的柵格系統(tǒng)的一部分,他們在尺寸和間隙上保持著一致性與和諧性。

thespaces

騰訊干貨!從四個方面幫你做好移動頁面性能優(yōu)化

用心設計

隨著移動互聯(lián)網(wǎng)的發(fā)展,我們越發(fā)要關注移動頁面的性能優(yōu)化,今天跟大家談談這方面的事情。

首先,為什么要最移動頁面進行優(yōu)化?

縱觀目前移動網(wǎng)絡的現(xiàn)狀:

常識小科普!12個常見的網(wǎng)站交互設計錯誤

用心設計

當瀏覽網(wǎng)站時,我們喜歡看頁面設計展示出干凈、清爽的對比。對比達到了一個重要的目的——它使內(nèi)容可讀,并毫不費力地在頁面上指導用戶。這是一個最基本的設計概念,只是很奇怪,有些網(wǎng)站似乎就是不明白。

沒有足夠的對比度的話,不管是顏色或整體展示,一個網(wǎng)站看起來,在最好的情況下,也會讓你覺得有點兒丈二和尚摸不著頭腦,在最壞的情況下,將會使頁面完全不可讀。

interaction-design-mistakes-01

再作印證!2016年網(wǎng)頁設計領域11個流行趨勢預測

周周

web-design-trends-2016-1

來自 Medium 的設計師在這篇文章中預測了2016年最值得關注的設計趨勢,而老牌設計博客Designmodo 對此也有自己的看法。新的技術(shù)和新的設計趨勢會在2016年逐一涌現(xiàn),但是總體上來說,它依然會沿著2015的大趨勢來逐步演變??梢灶A見到的是,2016年會有更多的網(wǎng)站使用視頻背景,更多基于Material Design 風格的界面設計,幻燈片式的界面切換也會繼續(xù)火熱下去。

Designmodo 對2016年預測的設計趨勢有11種,其中許多確實和Medium “所見略同”。兩相印證,應該能讓你看的更明白。

產(chǎn)品經(jīng)理和設計師應該了解的幾何設計學

用心設計

今天我們來聊聊如何理性的進行設計,談談產(chǎn)品經(jīng)理和設計師在工作的過程中怎么樣把幾何學融入到作品中。幾何設計學的由來設計本來就是一種理性的科學門類,審美因人而異,只有言之有理的設計才能說服別人,運用幾何學的手法就是設計師的利器之一,科學的設計并不會限制你的創(chuàng)意,它只會幫助你的作品成為精品的必要手段之一。

從古至今,人類從自然界中得到過無數(shù)的啟示,其中就包含黃金分割。這個從貝類完美的生長方式中提煉出的曲線,改變了所有人的審美。

Image title

產(chǎn)品經(jīng)理和設計師應該了解的幾何設計學

用心設計

今天我們來聊聊如何理性的進行設計,談談產(chǎn)品經(jīng)理和設計師在工作的過程中怎么樣把幾何學融入到作品中。幾何設計學的由來設計本來就是一種理性的科學門類,審美因人而異,只有言之有理的設計才能說服別人,運用幾何學的手法就是設計師的利器之一,科學的設計并不會限制你的創(chuàng)意,它只會幫助你的作品成為精品的必要手段之一。

從古至今,人類從自然界中得到過無數(shù)的啟示,其中就包含黃金分割。這個從貝類完美的生長方式中提煉出的曲線,改變了所有人的審美。

Image title

在設計中建立視覺層級

用心設計

在設計網(wǎng)站的時候,圖片資源會在很大程度上幫助你設置站點,以及顏色,排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設計正確的結(jié)合,他很可能會破壞你原本想呈現(xiàn)的感覺。

緊跟趨勢!20個使用隱藏式菜單導航的優(yōu)秀網(wǎng)頁設計

博博

website-hidden-menus-navigation-1

Navicon,也就是漢堡圖標,已經(jīng)成為越來越多網(wǎng)頁設計導航模塊時的首選了。相比于傳統(tǒng)的導航欄,隱藏式菜單導航在設計和用戶體驗上有著它獨到的地方。作為一個隨著移動端設計發(fā)展而崛起的網(wǎng)頁設計元素,Navicon并沒有減弱它引導用戶的功能性,也沒有喪失它作為基礎網(wǎng)頁組件的重要性,還為設計師和開發(fā)者提供了更大的創(chuàng)作空間。

如何正確使用Navicon取決于項目的實際狀況,相對保守的站點可能不會考慮這個選擇,而不少追求時尚簡約、多平臺體驗統(tǒng)一的新興網(wǎng)站可能會更加青睞Navicon,因為作為導航接口的它小巧而討喜,輕松配合大圖和時尚的網(wǎng)頁設計,并且隱藏起復雜的、零碎的導航內(nèi)容菜單。

Navicon很單調(diào)么?并非如此。借助額外的打開過程動效和抓人眼球的細節(jié)效果,Navicon擁有非常大的提升空間和設計可能性以及良好的用戶體驗。更重要的是,它適用于各類導航:不僅可以清楚的傳達信息,而且有助于解決響應速度方面的問題,并且能夠促進網(wǎng)頁在多平臺設計上的統(tǒng)一。

如何設計一個靠譜的Navicon:《數(shù)據(jù)告訴你真相!漢堡圖標并非最佳菜單方案》
深入了解不同的導航模式:《交互基礎知識科普!帶你認識最熱門的12種導航模式》

接下來,我們通過一系列的網(wǎng)頁設計,來深入了解Navicon和隱藏式菜單導航的魅力。

eWebDesign

大圖背景和視差強化了網(wǎng)站視覺,Navicon菜單按鈕在右上角,點擊打開你會看到一個設計非常細致的導航菜單。

Sampedro

時尚的照片放置與網(wǎng)頁的頁頭,配合著時髦的Slogan吸引著用戶全部的吸引力。隱藏的導航欄是個理想的解決方案,它讓用戶將注意力從復雜的導航轉(zhuǎn)移到內(nèi)容上。

網(wǎng)頁大圖片應用技巧淺析

藍藍設計的小編

用圖像創(chuàng)造場景感,增強用戶的真實體驗,近些年來,圖片作為背景填充整個屏幕的設計越來越廣泛,曾經(jīng)只有時尚潮流網(wǎng)站或者攝影類站點才會特別依賴富有沖擊力的圖像,但是現(xiàn)在幾乎任何類型的網(wǎng)站都有可能采用這種大圖片作為背景,特別是企業(yè)品牌宣傳、產(chǎn)品介紹等等。

圖1

在設計網(wǎng)頁過程中,需要用到大量的圖片,而且找到的圖片大多風格迥異、無品牌感,那么如何找到合適而又能正確地應用圖片呢?

日歷

鏈接

個人資料

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

存檔