知識(shí)分享
JS判斷移動(dòng)設(shè)備并實(shí)現(xiàn)跳轉(zhuǎn)至手機(jī)版網(wǎng)頁(yè)
我在開(kāi)發(fā)的Magento或Wdpress主題時(shí),通過(guò)都會(huì)制作手機(jī)版本,為了實(shí)現(xiàn)某個(gè)片段在手機(jī)端和桌面端不同功能,又或者如果是手機(jī)設(shè)備,就跳轉(zhuǎn)到指定的網(wǎng)頁(yè)上,那么這里就需要用到JS來(lái)做判斷了,下面有一個(gè) ...
網(wǎng)站布局之價(jià)格表單設(shè)計(jì)靈感來(lái)源。
今天和大家分享一個(gè)以SVG圖像為主的loading加載動(dòng)畫(huà),現(xiàn)在移動(dòng)端網(wǎng)頁(yè)使用比較多,若還用GIF做loading圖片的話(huà),可能會(huì)影響圖像的質(zhì)量,所以使用SVG是一個(gè)不錯(cuò)的方式。
網(wǎng)站布局之價(jià)格表單設(shè)計(jì)靈感來(lái)源。
對(duì)于提供有付費(fèi)項(xiàng)目的網(wǎng)站來(lái)說(shuō),價(jià)格表是重要的組成部分,雖然這個(gè)價(jià)格Table項(xiàng)的布局差不多,但卻可以有很多種造型設(shè)計(jì),今天為大家展示一些同一布局的價(jià)格表卻使用不同的樣式裝扮,也許會(huì)有你適用的哦!
一款免費(fèi)的繁體中文字體-超極細(xì)下載
超極細(xì),日文稱(chēng)為【超極細(xì)ゴシック體】,據(jù)說(shuō)是目前字體線(xiàn)條最細(xì)的一款字體。超極細(xì)本身是日文字體,但同時(shí)支持繁體,所以也可作繁體字體使用。
專(zhuān)注收集Web與APP導(dǎo)航的網(wǎng)站-NavNav
但隨著移動(dòng)時(shí)代的來(lái)臨,導(dǎo)航菜單發(fā)生了很大的變化,從桌面平臺(tái)轉(zhuǎn)到移動(dòng)端,這就要菜單用響應(yīng)式來(lái)兼容,所以設(shè)計(jì)響應(yīng)式網(wǎng)站的導(dǎo)航是比較考驗(yàn)設(shè)計(jì)師的應(yīng)變能力。
用HTML&CSS展示谷歌Web Font的字體靈感庫(kù)
Google Web Font 是一個(gè)很好的免費(fèi)字體庫(kù),設(shè)計(jì)師和前端人員都喜歡便用,但由于字體太多,選擇好的字體不太好找,所以今天推薦大家嘗試用 Typesource 這個(gè)字體靈感站。
關(guān)于網(wǎng)站設(shè)計(jì)的抄襲和創(chuàng)新!
不知你發(fā)現(xiàn)了沒(méi)有,這四層分別叫:抄襲,借鑒,微創(chuàng)新,創(chuàng)新。 知識(shí)管理能幫助你建立屬于自己的設(shè)計(jì)思維,并且形成一套有效的設(shè)計(jì)問(wèn)題處理方法??梢詫⒃O(shè)計(jì)資源積累下來(lái),從而方便的進(jìn)行搜索、調(diào)用、分析,提高解決 ...
精美的商務(wù)網(wǎng)站需要更多的細(xì)節(jié)!
同樣的規(guī)則也適用于網(wǎng)頁(yè)設(shè)計(jì)。愿意花費(fèi)時(shí)間專(zhuān)注于細(xì)節(jié)的網(wǎng)頁(yè)設(shè)計(jì)師能夠獲得擁有更多價(jià)值的設(shè)計(jì)。這里的關(guān)鍵詞就是價(jià)值。我們無(wú)法保證建立網(wǎng)站所花費(fèi)的時(shí)間和其結(jié)果所帶來(lái)的價(jià)值之間有直接的關(guān)系,總有一些細(xì)節(jié)比其他 ...
極簡(jiǎn)主義在網(wǎng)站建設(shè)中的運(yùn)用!
極簡(jiǎn)主義以簡(jiǎn)單到極致為追求,是一種設(shè)計(jì)風(fēng)格,感官上簡(jiǎn)約整潔,更加注重品味和思想上的優(yōu)雅。這樣子看起來(lái)是不是非常不錯(cuò)呢?那么我們應(yīng)當(dāng)如何去理解極簡(jiǎn)主義設(shè)計(jì)和如何在H5頁(yè)面當(dāng)中去實(shí)踐呢?下面簡(jiǎn)單的提出幾個(gè) ...
教你用科學(xué)計(jì)算法計(jì)算CSS3動(dòng)畫(huà)幀數(shù)
本篇文章來(lái)自騰訊內(nèi)部飯卡充值改版項(xiàng)目的CSS3動(dòng)畫(huà)經(jīng)驗(yàn)總結(jié)。雖然你們?cè)L問(wèn)不到我們的飯卡站點(diǎn),不過(guò)可以小窺一下我們的動(dòng)畫(huà)示例喲
Photoshop一次性刪除所有隱藏圖層和空白無(wú)內(nèi)容圖層方法
對(duì)于網(wǎng)頁(yè)設(shè)計(jì)?、廣告設(shè)計(jì)、畫(huà)冊(cè)設(shè)計(jì)、圖像合成等工作一般都會(huì)使用許多圖層,然而有些隱藏或空白圖層是不需要的,多余而且增加PS文件大小,這里小編向大小介紹一個(gè)簡(jiǎn)單方法來(lái)實(shí)現(xiàn)PS一次性刪除所有隱藏圖層和空?qǐng)D ...
電子商務(wù)網(wǎng)站建設(shè)的案例作品欣賞!
有自己獨(dú)立的購(gòu)物網(wǎng)站是必須的,這也是對(duì)品牌的一個(gè)形象推廣,之于成交量就看自身的營(yíng)銷(xiāo)手段了。
專(zhuān)注收集CSS 動(dòng)畫(huà)的網(wǎng)站
常用的Photoshop快捷鍵
CTRL + H (隱藏額外內(nèi)容),CTRL+SHIFT+單擊 (選擇多個(gè)對(duì)象),空格 + 點(diǎn)擊(按住狀態(tài))(可移動(dòng)選區(qū))
iOS中UI元素拖拽圖標(biāo)的優(yōu)化
在可用性測(cè)試當(dāng)中,我們發(fā)現(xiàn),用戶(hù)更傾向于點(diǎn)按對(duì)象本身進(jìn)行拖拽,而不是去按住一個(gè)含義模棱兩可的小圖標(biāo)。相比于列表單元這樣的對(duì)象,圖標(biāo)在尺寸上太小了,如果要求用戶(hù)必須通過(guò)按住它來(lái)拖動(dòng)整個(gè)單元,那么交互成本 ...