手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁

細節(jié)里的力量!11個極度專注細節(jié)的優(yōu)秀網頁設計

博博

11-websites-focusing-on-details-1

著名的室內設計大師Charles Eames曾說過,“細節(jié)并不只關乎它們本身,它們還構成了設計。”的確,每一個網頁都是由無數(shù)的細節(jié)構成,而其中的內容也是同樣由這些細節(jié)連接組織到一起。不論是提供信息服務的網站,還是APP的官方宣傳頁,任何一個優(yōu)秀的網站都能夠經受得起挑剔眼光的洗禮,從圖片到布局,從字體到架構。

網頁設計的細節(jié)至關重要,因為正是它們給用戶留下好印象,這些細節(jié)支撐起網站的良好體驗,提高易用性。正如同Eames所說,它們成就了設計,不注意細節(jié)會讓設計感流失。

優(yōu)秀的網站有著不一樣的亮點,但一樣地專注細節(jié):《這樣才過癮!2014年最佳網站評選結果出爐

接下來,我們一同看看這11款設計驚艷的網站。它們的好設計源于細節(jié),有的界面雅致,有的交互出彩。深入揣摩這些案例,也許你的下一個網頁設計作品會非常強大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個基于網頁的項目管理工具。正如同它的介紹,速度和效率是至關重要的。

這是網站的驗證界面,設計師巧妙的事先隱藏了確認的按鈕,只有當你輸入了正確的驗證碼之后,OK按鈕才會出現(xiàn)。這種措施不僅提高了網站的性能,還通過讓按鈕從無到有,將“驗證碼正確”的概念具現(xiàn)化,觸動用戶,增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在歐洲,在書中使用Colophons(題跋)可以追溯到15世紀的時候(中國就早很多了),不過這個網站是為了將其運用到網站上去。這次,Neoteric Design分享了他們網站的制作筆記——各個部分的功能,從字體軟件到編程語言和內容管理系統(tǒng)。如果訪客想知道一個網站是如何構建起來的,那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網站的構建過程,滿足好奇心。

 

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

博博

website-hidden-menus-navigation-1

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

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

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

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

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

eWebDesign

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

Sampedro

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

工具產品情感化

博博

《情感化設計心理學中》作者唐納德·諾曼將情感化設計與馬斯洛的人類需求層次理論聯(lián)系了起來。 產品特質也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面,而情感化設計則處于其中最上層的“愉悅性”層面當中。因為市場上不同品牌的同類產品在功能、質量、價格等基本品質方面已經差別越來越小,尤其是消費類產品,比如手機家電之類的,產品的同質化趨勢非常明顯,競爭日趨激烈。 消費者在購買產品時,情感因素的影響也日益加大,這意味著如果產品具有相同功能、質量和價格,消費者會選擇更能觸動其情感的產品。

 

情迷西班牙!20個來自西班牙最優(yōu)秀的網頁設計

博博

這次又是別人家的網頁設計!之前混在一起看可能不覺得,單獨來看西班牙的網頁設計其實還是能察覺到他們的民族性格,時尚奔放,現(xiàn)代的設計下難掩躁動與激情,令人著迷!

充滿活力,朝氣蓬勃,美麗四射,時尚風情,這是西班牙給人的印象,也是來自西班牙的優(yōu)秀網頁設計給人的別樣體驗。這些網頁獨特的瀏覽體驗并非偶然,西班牙獨特的歷史和的歷史和多元化的文化賦予了這些設計不同凡響的風格:意大利文藝復興、羅馬式的風格、穆斯林文化、西班牙文化的黃金時代、巴洛克和洛可可,新古典主義以及,乃至于超現(xiàn)實主義,文化與思潮在西班牙匯聚,時代的印痕和眾多的藝術運動在此交疊。

于是乎,豐盈厚重的藝術氣息和文化積淀直接影響著每一個成長中的西班牙藝術家和設計師,他們的藝術作品中所蘊含的創(chuàng)意和情感能如此不同,毫不奇怪。

 

只有設計師看得懂!菜鳥跟老鳥使用PHOTOSHOP的差別

博博

photoshop-user-habit-difference-1

以為計算機里有Photoshop,你就是設計師?使用Photoshop的方式百百種,你是設計了一年還是設計了十年,從細節(jié)就可以看得出來(附上老鳥設計師常用的幾個快捷技巧) >>>

除了大量使用快捷鍵是基本以外,老鳥設計師跟菜鳥設計師在使用Photoshop時有著各種不同。McCann Prague在他們的征人啟事上加入可愛的idea,讓你看見他們想征的老鳥跟菜鳥設計師之間的差別。

第一次碰Photoshop時的版本

ps20150403 (1)

老鳥:Photoshop 6.0

新手:Photoshop CS 5

圖層的整理

ps20150403 (2)

老鳥:群組、上色分類。

新手:無。

引導線的使用

ps20150403 (3)

老鳥:簡單明了、了解響應式網頁設計。

新手:過度使用。

是說從Photoshop版本來看,他們想征的老鳥應該是創(chuàng)意總監(jiān)等級了吧!

附網易同學分享的Photoshop技巧秘籍:

psjq201504031

技巧1:快速標注尺寸

你是否曾在制作規(guī)范中,讓標注尺寸搞的頭暈眼花!你是否曾在視覺走查中,讓標注尺寸弄的怒氣報表!此時已經陷入了無限的腦補中,不能自拔……..

極速上手!120個PHOTOSHOP技巧幫你加速設計(上)

博博

120-PS-TIPS-1

Photoshop越來越強大了!試圖掌控它的全部特性是不現(xiàn)實的(更何況有那么多隱藏的功能?。?,那么我們不妨收藏一下大神們總結的這120個PS技巧,偶爾翻看一下,讓自己的設計更強大更!

這120款技巧覆蓋了PS絕大多數(shù)的主要功能,這些功能你很熟悉,但是明白它們的細節(jié),掌控發(fā)招的捷徑,修圖作畫的時候說不定能收獲奇效呢!

在此之前,我們不妨先快速溫故一下PS的基本功能:《PS速成秘籍!如何在兩小時內搞懂PHOTOSHOP基礎工具?》
see-more-ps-feature-2h

01、旋轉樣式

Cmd/Ctrl+Shift+Alt+T 是一個神奇的快捷鍵,可以幫你制作出驚人的萬花筒圖案,當你使用它的時候,可以復制當前圖層,并且同時重復之前的旋轉、放大等操作。正如下圖所演示,使用這一快捷鍵可以輕松地將一束炫光化作一個漂亮的萬花筒。在操作的時候,你先用Cmd/Ctrl+T和適當?shù)男D,回車確定,然后使用這組快捷鍵,直到完成整個樣式。

帶你去冒險!20個炫酷好玩兒的網頁導航設計

博博

簡單有效的導航欄設計能夠極大的提高用戶體驗,不僅能讓用戶更快找到他們想要的內容,還能適當分擔搜索引擎的壓力。常見的導航設計我想大家都已經非常熟悉了,今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導航欄設計方案,這些優(yōu)秀的設計非常引人注目,令人難忘。這些網站的導航欄設計,比起傳統(tǒng)的導航會相對更復雜一些,但是絕對會令你眼界大開。

當然,我們推薦這些網站并不只是因為導航欄設計,這些優(yōu)秀的網站通常在技術使用和信息呈現(xiàn)上也做得非常突出。和很多酷站一樣,只要你深入探究,一定會獲益匪淺。

Jova

Jova的網站設計非常清爽,導航欄的設計均衡并且結構妥帖。

設計師使用細線構成的線框柵格來構建網站導航,經典的黑白配色,加上清晰銳利的英文字體,構建出優(yōu)雅迷人的外觀,在柔和的背影映襯之下,給人深刻的印象。

高手之路!網頁設計中的對稱與不對稱

博博

小時候,很喜歡蝴蝶,感覺這是大自然最神奇的賦予,當它們雙翼張開,總是禁不住欣賞它們那種美麗的優(yōu)雅以及多姿的色彩。

更重要的是,這種天生的對稱感,美得令人窒息。

對稱風格

完形主義——一種人類行為理論,描述了人類排列視覺數(shù)據的思維結構——認為人類會很自然的把看到的東西按順序排列。

換句話說,我們的眼睛傾向于捕捉那些組織有序、風格圓滿的視覺元素。這也就是我們所謂的對稱感。對稱風格的物體有一種天生的平衡感、優(yōu)雅感,對稱在設計中能體現(xiàn)出一致、有序、穩(wěn)定的特質。很多知名品牌都采用了對稱式設計,雖然不是很獨出心裁,但是至少讓人感覺大氣、穩(wěn)重。

跟上色彩潮流!帶你展望2015年的網頁設計配色趨勢

博博

2015-website-color-trend-1

前幾天分享的2015年春夏流行色人氣很高,今天直接放干貨,@AnyForWeb_UDC 的同學根據2015年的色彩大致趨勢走向,結合相關的設計經驗,作出了以下網頁配色預測分析,來看看有哪些亮點吧。

提前搞定2015年的設計好文:

 

一、Metro和柔和鮮嫩的色彩

Odam Luiran的網站是Metro風格,這種風格尤其適合一些比較鮮嫩柔和的顏色,扁平化網頁設計在2014年中的流行讓柔和色彩的用途變得越來越廣泛。這樣的色彩基調將在2015年得到進一步的延續(xù),馬卡龍色系也許會常常出現(xiàn)在網頁設計中。

二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一種看起來比較百搭的顏色,但是實際上,要將這類顏色使用的恰如其分卻并不是一件容易的事情。這類色彩表現(xiàn)的比較中性,所以搭配任何顏色都不會顯得突兀,但也不算出挑,而要讓色彩之間真正融合,應該選擇清淡的粉彩系透明色,讓網頁看起來清新脫俗。

還有哪些搭配方法?阿里前輩在前,就不多說咯:《色彩搭配速成!3個實用方法幫你全面搞定配色》

再不學就落伍了!15個設計感極強的LOW-POLY網站欣賞

博博

Community Machine 18個超酷的多邊形背景網頁設計

低多邊形現(xiàn)在火得一塌糊涂,前段時間優(yōu)設推薦了這篇《這效果超火!教你創(chuàng)建高大上的多邊形字體》,短短一月,超過20萬人閱讀學習,今天我們繼續(xù)收集一組設計帶感的多邊形網站,同學們可以收藏學習一下。

特別提醒:對 www.soleilnoir.net 這類文案與動效齊飛,驚艷共傳奇一色的神站,童鞋們請務必用谷歌或者火狐打開。

Sanissimo

Sanissimo

Vauxco

Vaux Collective

日歷

鏈接

個人資料

藍藍設計的小編 http://m.88yangsc.com

存檔