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