創(chuàng)意十足的web布局及交互設(shè)計(jì)(2)_網(wǎng)頁設(shè)計(jì)教程
推薦:11套免費(fèi)的wordpress模板主題11套免費(fèi)的wordpress模板主題,漂亮的邊框和內(nèi)容框區(qū)域添加了超棒的藝術(shù)特效,非常適合作為藝術(shù)或者攝影作品集類型網(wǎng)站,能夠很好的幫助你展現(xiàn)作品的特點(diǎn)和韻味!
Steve Vorass 利用“隱藏導(dǎo)航”展示了他的各種項(xiàng)目。投資組合類型的網(wǎng)站使用一種在屏幕頂端的簡單的“工作、概要、聯(lián)系”導(dǎo)航,同時(shí)圖像也是導(dǎo)航工具。每張不同類型的圖像將帶你到不同的項(xiàng)目。更重要的是,當(dāng)你的鼠標(biāo)懸停在圖片上時(shí),他們會(huì)提醒你點(diǎn)擊后將帶你到哪里。網(wǎng)站的整體設(shè)計(jì)有一種簡單的外觀和意想不到的像墻一樣的動(dòng)畫效果。


Caava Design 引人注目的地方在于圖像選擇和有趣的形狀,但是更具有創(chuàng)意的是滾動(dòng)。整個(gè)網(wǎng)站建立在時(shí)間軸上。每個(gè)圖像“氣泡”帶你到另一個(gè)信息級別。使它特別的是你根本不需要看懂時(shí)間軸就能導(dǎo)航和明白這個(gè)網(wǎng)站。它是一個(gè)功能非常強(qiáng)大的組織。


Joint的網(wǎng)站向我們展示了標(biāo)簽本身就是一個(gè)具有創(chuàng)造性的設(shè)計(jì)業(yè)務(wù)。每個(gè)頁面給你用來導(dǎo)航的可點(diǎn)擊的選擇。這個(gè)方案很簡單,僅用灰色和白色(除了友情鏈接會(huì)包括彩色照片)但懸停效果和可讀性是很奇妙的。它會(huì)讓你想一直點(diǎn)擊下去來看看到底這個(gè)網(wǎng)站是什么樣子。


Ballantyne 使用很棒的圖片組合、有趣的形狀和非�?岬臐L動(dòng)效果讓你著迷。時(shí)裝零售商的網(wǎng)站上展示了一個(gè)很棒的產(chǎn)品選擇頁面,同時(shí)提供有趣的公司和產(chǎn)品信息。每個(gè)滾動(dòng) 軸通過上下按鈕移動(dòng)三個(gè)圖片面板來顯示新圖片。滾動(dòng)效果在幾個(gè)屏幕間持續(xù),你會(huì)不由自主地想看看接下來會(huì)發(fā)生什么。另外,酷酷的斜邊使?jié)L動(dòng)的效果變的更加 無縫和有趣。
結(jié)束語:
很多年來,設(shè)計(jì)師們從來不說“沒有原創(chuàng)的想法�;蛘呶艺J(rèn)為那種想法瘋了”。每天,新的技術(shù)和新的設(shè)備都在改變著我們對web設(shè)計(jì)和設(shè)計(jì)流程的想法。我們應(yīng)該讓頭腦風(fēng)暴走出你的舒適區(qū),然后再把你所獲得的想法拉回現(xiàn)實(shí),確保它包含所有的特性, 再將這些特性變的更加實(shí)用。
記住,一些“瘋狂的”點(diǎn)子可能會(huì)失敗,但是這沒關(guān)系。分析并學(xué)習(xí)它,然后進(jìn)入下一個(gè)點(diǎn)子。
via gbtags
來源:創(chuàng)意味兒十足的web布局及交互設(shè)計(jì)
分享:Geek必備神器 - Google眼鏡(Google glass)的十大特色雖然目前Google眼鏡還處于開發(fā)狀態(tài),但是相信各位Geek對于這個(gè)跨時(shí)代的產(chǎn)品肯定是十分有興趣,小編這里手機(jī)了10個(gè)Google眼鏡的特性,希望能夠幫助大家
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長:75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-創(chuàng)意十足的web布局及交互設(shè)計(jì)(2)
。