-
092012-06
五個(gè)國(guó)外HTML5網(wǎng)站設(shè)計(jì)欣賞
網(wǎng)頁(yè)設(shè)計(jì)師和前端架構(gòu)師都清楚的認(rèn)識(shí)到HTML5對(duì)于現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中的重要趨勢(shì)。通過今年各大瀏覽器的升級(jí)效果來看,更多的標(biāo)準(zhǔn)在趨向于新的技術(shù)。我們不會(huì)再去讓HTML5和Flash去比較,F(xiàn)在移動(dòng)端的普及已經(jīng)讓局面越來越明顯起來。相信在未來HTML5將有更快更強(qiáng)的發(fā)展趨勢(shì)。 今天我們分享出了五個(gè)通過運(yùn)用HTML5來設(shè)計(jì)編寫的網(wǎng)站,你可以從中看到新的技術(shù)和設(shè)計(jì)創(chuàng)意靈感。
-
062012-06
六個(gè)使用大背景圖片的網(wǎng)站設(shè)計(jì)分享
在電腦顯示器越來越大和互聯(lián)網(wǎng)速度越來越快的推動(dòng)下,越來越多的設(shè)計(jì)者傾向于使用大尺寸圖片作為網(wǎng)站的背景。在網(wǎng)頁(yè)設(shè)計(jì)中,合理地應(yīng)用大背景圖片可以讓網(wǎng)頁(yè)看起來更加整體,從而使網(wǎng)站更加有吸引力。但在背景與其它設(shè)計(jì)元素之間尋找平衡,是一件十分重要卻并不容易的事情。在本文中,互諾科技將分享國(guó)外幾個(gè)使用大背景圖片的網(wǎng)站設(shè)計(jì)作品,以供欣賞借鑒。 blindbarber
-
042012-06
網(wǎng)頁(yè)設(shè)計(jì)中圖層疊加混合模式的應(yīng)用
很多讀者常會(huì)詢問我類似于上圖中的按鈕的光效是怎么做出來的?其實(shí)非常簡(jiǎn)單,新建圖層,筆刷或橢圓畫出白色,高斯模糊,再將圖層混合模式更改為圖層疊加就可以了。但是這篇文章里我們不討論具體的技術(shù),而來看看如同上面的按鈕通過白色的疊加創(chuàng)建出按鈕的高光,我們來了解一下圖層疊加模式在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用,再通過不同的實(shí)例來深層次的了解圖層疊加混合模式的基本效果,將其更自由的應(yīng)用于
-
012012-06
分享幾個(gè)CSS3網(wǎng)站設(shè)計(jì)動(dòng)畫按鈕和菜單教程
隨著CSS3的出現(xiàn)以及越來越多的瀏覽器對(duì)它的支持,網(wǎng)站設(shè)計(jì)人員和開發(fā)人員有了更多的選擇,CSS3提供了很多的設(shè)計(jì)上的新技術(shù)和高級(jí)功能,使創(chuàng)建網(wǎng)站變得更容易,用純CSS也可以實(shí)現(xiàn)各種各樣很酷的效果,甚至是動(dòng)畫。在本文中,將分享25個(gè)CSS3動(dòng)畫按鈕和菜單教程,希望對(duì)你有所幫助。 Animated Buttons with CSS3 ( 演示 | 下載 )
-
292012-05
六個(gè)精美的iPhone應(yīng)用程序網(wǎng)站設(shè)計(jì)作品
如果你需要大力推廣自己開發(fā)的應(yīng)用程序,那么設(shè)計(jì)一個(gè)干凈的專業(yè)網(wǎng)站設(shè)計(jì)可以說是必不可少的,它可以間接影響到應(yīng)用的下載量。據(jù)調(diào)查稱,iPhone用戶特別注重設(shè)計(jì)的高質(zhì)量性,這也就是為什么大多數(shù)蘋果公司相關(guān)的網(wǎng)站都有一個(gè)獨(dú)具特色的有吸引力的設(shè)計(jì)。在本文中,將展示50個(gè)漂亮的iPhone應(yīng)用程序網(wǎng)站設(shè)計(jì)作品,以供借鑒欣賞。 Photo Stats
-
182012-05
jQuery滑塊在網(wǎng)頁(yè)設(shè)計(jì)中的六個(gè)應(yīng)用演示
滑塊已成為網(wǎng)頁(yè)設(shè)計(jì)的流行要素,它以更加有趣的方式呈現(xiàn)內(nèi)容,同時(shí)能節(jié)省網(wǎng)頁(yè)空間。jQuery在現(xiàn)在的Web開發(fā)項(xiàng)目中扮演著重要角色,它讓網(wǎng)站有更好的可用性和用戶體驗(yàn),讓訪問者對(duì)網(wǎng)站留下較好的印象。jQuery滑塊在網(wǎng)站首頁(yè)或組合頁(yè)中的使用日漸普及,在這里有jQuery滑塊在網(wǎng)頁(yè)設(shè)計(jì)中的40例應(yīng)用演示,以供欣賞借鑒。 regent-college.edu c
-
102012-05
新建網(wǎng)站站長(zhǎng)必須養(yǎng)成的四大習(xí)慣
草根站長(zhǎng)是日益壯大的一個(gè)群體,正是他們的辛勤耕耘才成就了今天多姿多彩互聯(lián)網(wǎng)世界。要成為一名合格并有所成就的個(gè)人站長(zhǎng),需要有足夠的耐心來進(jìn)行夜以繼日的伏案工作。支撐一個(gè)站長(zhǎng)風(fēng)雨兼程,堅(jiān)定不移地往前走的,往往不是華麗的個(gè)人天賦和五花八門的技巧,而是從一開始就養(yǎng)成的個(gè)人習(xí)慣。剛起步的新手站長(zhǎng),要注重培養(yǎng)以下五個(gè)良好的習(xí)慣。 1、關(guān)注業(yè)內(nèi)新聞 互聯(lián)網(wǎng)是一個(gè)更新非?焖
-
082012-05
用CSS3和HTML5五步打造便簽效果
在本教程中,你會(huì)學(xué)到如何把HTML的列表項(xiàng)(li元素)轉(zhuǎn)換成下圖的“便簽墻”。該效果分5步實(shí)現(xiàn)。內(nèi)核為webkit的Safari和Chrome瀏覽器以及Firefox和Opera中支持該效果,其它瀏覽器不能實(shí)現(xiàn)傾斜和動(dòng)畫效果(譯者在IE9中進(jìn)行了親測(cè),無法實(shí)現(xiàn))。 演示 下載 第一步:HTML和基本的方形 我們先從最簡(jiǎn)單的,能在所有
-
232012-04
網(wǎng)頁(yè)設(shè)計(jì)師在網(wǎng)頁(yè)排版中應(yīng)注意的一些問題
排版是一門藝術(shù),也是一門技巧。我們每天都能在報(bào)紙,書籍等各種媒介上看到排版,或精美,或丑陋。如何能在準(zhǔn)確傳遞信息的同時(shí),又能排出精美的版面,這是設(shè)計(jì)師們值得深思的問題,因?yàn)檫@關(guān)系到讀者的閱讀感受。本文以網(wǎng)頁(yè)排版為例,從幾個(gè)方面闡述了成功的設(shè)計(jì)在排版中應(yīng)該注意的問題和細(xì)節(jié)。 大體上來說
-
192012-04
網(wǎng)站設(shè)計(jì)時(shí)你應(yīng)考慮的幾個(gè)問題
隨著網(wǎng)絡(luò)不斷發(fā)展,大家都紛紛追趕熱潮,推出網(wǎng)站。但是,在建設(shè)一個(gè)網(wǎng)站之前,需要考慮的事情有很多。比如,網(wǎng)站的用途,網(wǎng)站類型,尋找設(shè)計(jì)公司等等。所以,千萬不能盲目跟風(fēng),這樣設(shè)計(jì)出的網(wǎng)站可能適得其反。近日,就職于網(wǎng)站設(shè)計(jì)公司Ray Creations的Amrit Ray在國(guó)外設(shè)計(jì)博客上撰文,講述了在建站時(shí),你應(yīng)該重點(diǎn)考慮的幾個(gè)問題。 首先要考慮的是自己需要網(wǎng)站的