-
142013-10
幾款網(wǎng)頁(yè)自適應(yīng)設(shè)計(jì)的案例參考
什么是Media QueresMedia Queres是一個(gè)專門提供自適應(yīng)網(wǎng)站設(shè)計(jì)參考的網(wǎng)站,這里陳列了許多采用了自適應(yīng)網(wǎng)站設(shè)計(jì)方案的網(wǎng)站。你如果是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的話肯定會(huì)遇到客戶要求他自己的網(wǎng)站需要自適應(yīng)的功能,到時(shí)候Media Queres就會(huì)帶給你巨大的設(shè)計(jì)幫助!網(wǎng)址:http://mediaqueri.es/網(wǎng)址為什么需要自適在Media Queres上陳列了許多
-
172013-09
幾個(gè)CSS3和jQuery的頁(yè)面過渡效果教程
CSS3和jQuery從根本上改變了網(wǎng)頁(yè)設(shè)計(jì)和程序開發(fā)。通過CSS3和jQuery,設(shè)計(jì)員和開發(fā)者不需要太多的精力或編碼,就可以創(chuàng)造出非常 美麗令人嘆驚的效果,同時(shí)還可以令你快速完成任務(wù)。CSS3和jQuery最 大的方便之處在于網(wǎng)上有大量的不同元素效果的展示教程,這一點(diǎn)使得學(xué)習(xí)新技巧 和創(chuàng)造一些很棒的內(nèi)容更加輕松。網(wǎng)上有很多頁(yè)面過渡效果展示教程,給頁(yè)面轉(zhuǎn)換添加
-
052013-03
幾個(gè)使用HTML5設(shè)計(jì)的新鮮網(wǎng)站
不管WEB界對(duì)于HTML5的評(píng)價(jià)如何如何,我們都不能否認(rèn)它對(duì)于網(wǎng)頁(yè)設(shè)計(jì)所帶來(lái)的創(chuàng)新和想象。新的技術(shù)讓設(shè)計(jì)師更多的突破了局限性。平滑的過度,微妙的滑塊,完美的動(dòng)畫,還有許多有趣的想法。網(wǎng)站終于脫掉了那一層不變的外殼,開始可以藝術(shù)性的去表現(xiàn)自我。這可以算是一場(chǎng)革新!這些年我們經(jīng)常看到一些匪夷所思的設(shè)計(jì),每次打開一個(gè)有創(chuàng)意的頁(yè)面,似乎都和HTML5、CSS3這些新技術(shù)脫不開
-
052013-02
幾個(gè)獨(dú)具創(chuàng)意的網(wǎng)站頭部設(shè)計(jì)示例
在瀏覽網(wǎng)頁(yè)的時(shí)候,網(wǎng)頁(yè)的頭部通常是人們最先看到的部分。如果頁(yè)面的頭部能夠設(shè)計(jì)得創(chuàng)意一些的話,能夠給訪客留下深刻的印象。今天這篇文章就向大家推薦10個(gè)充滿創(chuàng)意的網(wǎng)站頭部設(shè)計(jì)示例,希望能帶給您靈感。 designc7.com 首先推薦的這個(gè)網(wǎng)站是來(lái)自國(guó)內(nèi)設(shè)計(jì)師設(shè)計(jì)的英文個(gè)人網(wǎng)站。 作者充分發(fā)揮自己的專業(yè)特色,以 CSS 樣式的文字形式展示在網(wǎng)頁(yè)頭部
-
302013-01
分析網(wǎng)頁(yè)設(shè)計(jì)中視覺設(shè)計(jì)原則的重要性
身處于網(wǎng)絡(luò)公司,想必大家看了很多的網(wǎng)站,一定有了自己的審美眼光,有的漂亮,有的卻俗不可耐,說(shuō)到這里,可能很多人覺得,一個(gè)網(wǎng)站其實(shí)不需要在意這么多,只要客戶喜歡就可以了。筆者認(rèn)為,任何一個(gè)網(wǎng)站不能單獨(dú)的為了做而作,而是你需要考慮的是這個(gè)網(wǎng)站是否真的有意義。放眼網(wǎng)絡(luò),會(huì)做網(wǎng)站的太多太多,但是真正做的好的呢又有幾個(gè),這就響應(yīng)了,為什么人上人只有那么幾個(gè)而已。 今天,筆者
-
092012-10
10個(gè)自適應(yīng)Web設(shè)計(jì)實(shí)例
自適應(yīng)Web設(shè)計(jì),也有翻譯成響應(yīng)式Web設(shè)計(jì)的,個(gè)人認(rèn)為前者更準(zhǔn)確些。可以簡(jiǎn)單地理解為,網(wǎng)頁(yè)布局可根據(jù)用戶的顯示屏幕分辨率自動(dòng)調(diào)整寬度及布局,例如4列1292像素寬的布局,轉(zhuǎn)到1025像素寬度,可自動(dòng)簡(jiǎn)化成2列。Responsive Web Design是完全不同于傳統(tǒng)設(shè)計(jì)的一項(xiàng)技術(shù),隨著智能手機(jī)和電腦平板電腦的普及,越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)采用這種人性化的設(shè)計(jì)布局。 作為Web設(shè)計(jì)愛好者,想緊跟潮流
-
082012-10
企業(yè)網(wǎng)站建設(shè)如何選擇WEB開發(fā)語(yǔ)言
在公司打算開發(fā)一個(gè)網(wǎng)站時(shí),選擇什么開發(fā)語(yǔ)言,是首先需要面對(duì)的問題。目前主流的WEB開發(fā)語(yǔ)言有ASP.NET、PHP、JSP; 作為微軟上世紀(jì)老將ASP,就不再提及,如果是因?yàn)榫S護(hù)方面的原因而必須使用,可考慮升級(jí)到ASP.NET,而作為新開發(fā)一個(gè)語(yǔ)言,實(shí)在找不到理由再使用它了; 以下將對(duì)這三種語(yǔ)言做對(duì)比,以供權(quán)衡: 上手度 .NET: 5分 PHP:3分
-
282012-08
4個(gè)用于設(shè)計(jì)網(wǎng)頁(yè)線框圖的工具
線框圖是一個(gè)可視化的導(dǎo)圖,可以用其來(lái)詮釋出一個(gè)網(wǎng)站的龍骨,同時(shí)也可以稱其為一個(gè)頁(yè)面的示意圖或屏幕的藍(lán)圖。線框圖非常容易創(chuàng)建和進(jìn)行有必要的修改。幫助設(shè)計(jì)師以低成本且高效率來(lái)進(jìn)行迭代設(shè)計(jì)。 為了對(duì)線框圖進(jìn)行更好的設(shè)計(jì)與修改,我們會(huì)選擇一些優(yōu)秀的工具,當(dāng)然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。 在設(shè)計(jì)
-
232012-08
制作網(wǎng)頁(yè)LOGO發(fā)光效果教程
這個(gè)主題的LOGO原本就只是一張靜態(tài)圖片而以,沒有什么動(dòng)態(tài)效果,顯得有些過于低端,哈哈。于是就想著修改這個(gè)LOGO,能不能加一些動(dòng)態(tài)樣式,最初的修改方法是把a(bǔ)標(biāo)簽的的背景改成原始LOGO,然后加個(gè)a:hover的樣式,使背景替換成事先做好的有發(fā)光效果的LOGO圖片。這種方法雖然可以實(shí)現(xiàn)發(fā)光變化,但是變化的過程太生硬啦,這,不是想要的。 于是想到了能不能用JQ來(lái)實(shí)現(xiàn)
-
072012-08
能影響訪客的網(wǎng)站首頁(yè)設(shè)計(jì)案例
我想你應(yīng)該知道網(wǎng)站主頁(yè)對(duì)整個(gè)網(wǎng)站的來(lái)說(shuō)是非常重要的,哪么我們?nèi)绻屗芪愕挠^眾(訪問用戶)?這就取決于你的設(shè)計(jì)了,網(wǎng)站首頁(yè)一般包含:導(dǎo)航菜單、搜索欄、網(wǎng)站LOGO、目錄以及其它內(nèi)容,還有就是能一眼看到你網(wǎng)站就知道這是做什么的。我們除了讓首頁(yè)設(shè)計(jì)得有吸引力外,還得使它有其它功能或是一些引導(dǎo)性信息。下面我們將告訴你能影響訪客的網(wǎng)站首頁(yè)設(shè)計(jì)的10個(gè)要點(diǎn)。 1. 讓它