心得技巧
-
詳解flex布局的元素如何分配容器的剩余空間
文章主要介紹了詳解flex布局的元素如何分配容器的剩余空間，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)...
網(wǎng)頁制作時(shí)可以拿起就用的網(wǎng)頁制作小技巧總結(jié)
這篇文章主要給大家分享了一些在網(wǎng)頁制作的時(shí)候，可以拿起就用的小技巧，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。...
web前端開發(fā)工具有哪些？8個(gè)好用的web前端開發(fā)常用工具
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，用戶對于web網(wǎng)頁的依賴性越來越重，這對于web前端開發(fā)工程師的要求也在不斷提高,作為開發(fā)者來說，開發(fā)工作需要依賴很多開發(fā)工具的協(xié)助。才能更高效的完美的呈現(xiàn)出炫酷的頁面。下面小編給大家?guī)砹?...
詳解移動(dòng)端網(wǎng)頁設(shè)計(jì)實(shí)現(xiàn)內(nèi)滾動(dòng)的四種解決方案
這篇文章主要介紹了關(guān)于移動(dòng)端實(shí)現(xiàn)內(nèi)滾動(dòng)的四種解決方案，實(shí)現(xiàn)的效果就是在一個(gè)區(qū)域內(nèi)只允許部分區(qū)域產(chǎn)生滾動(dòng)的效果，而其余部分則不能移動(dòng)，需要的朋友可以參考借鑒，下面來一起看看吧。...
網(wǎng)頁設(shè)計(jì)：淺談網(wǎng)頁基本性能優(yōu)化規(guī)則小結(jié)
這篇文章主要介紹了淺談網(wǎng)頁基本性能優(yōu)化規(guī)則小結(jié)的相關(guān)資料，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧...
用 // 代替 http:// 有什么好處(自適應(yīng)https)
隨著國內(nèi)運(yùn)營商等的大肆劫持導(dǎo)致大家在訪問網(wǎng)站的時(shí)候插入大量的低俗廣告，降低用戶體驗(yàn)，所以各大搜索引擎都希望大家盡量將站點(diǎn)轉(zhuǎn)換為https方式...
用戶需求導(dǎo)致營銷型網(wǎng)頁設(shè)計(jì)
我們的每期話題，團(tuán)隊(duì)在內(nèi)部都會通過郵件進(jìn)行一番討論，隨著討論的激烈，往往能碰撞出很多有意義的觀點(diǎn)，因此，將討論內(nèi)容分享出來，有興趣的朋友可以接著話題討論下去。Junchen:期望不是從石頭里面蹦出來的，所有期望都是受到外界...
網(wǎng)頁設(shè)計(jì)柵格就是你對頁面版式的規(guī)劃
英文原文：http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm柵格就是你對頁面版式的規(guī)劃你日常所見的許多頁面都有柵格存在。你可能注意不到，但它確實(shí)存在，并且支撐著設(shè)計(jì)內(nèi)容，建立整體的架構(gòu)，引導(dǎo)著頁面的元素。...
網(wǎng)頁設(shè)計(jì)內(nèi)容網(wǎng)頁中關(guān)于圖片預(yù)覽的設(shè)計(jì)
之前有寫過《內(nèi)容頁頁碼的預(yù)覽導(dǎo)航》跟《照片預(yù)覽導(dǎo)航分析》兩個(gè)文章，想說明的是預(yù)覽這一功能在用戶心理所占有的比重是很大的，如果僅僅只是給出一排順序數(shù)字做為鏈接的標(biāo)題，用戶的心理會產(chǎn)生不安全感。雖然給出一排順序...
網(wǎng)頁設(shè)計(jì)：腳本素材重構(gòu)用戶體驗(yàn)
設(shè)計(jì)網(wǎng)站的同志背景主要有兩種：學(xué)計(jì)算機(jī)、學(xué)藝術(shù)?；旧蠒懘a的不懂設(shè)計(jì)，會設(shè)計(jì)的不懂代碼，這個(gè)格局似乎到今天還沒變。某些學(xué)計(jì)算機(jī)的同學(xué)，有自己的審美品位，也能夠做出看起來不錯(cuò)的網(wǎng)站，但學(xué)藝術(shù)的同學(xué)普遍難搞懂代碼...
網(wǎng)頁設(shè)計(jì)實(shí)現(xiàn)復(fù)選框(checkbox)和單選框(radio)對齊的方法
本文主要介紹了實(shí)現(xiàn)checkbox&radio對齊的具體方法，對大家的頁面布局具有很好的參考價(jià)值，需要的朋友一起來看下吧...
移動(dòng)端開發(fā)教程之像素的顯示問題匯總
最近在開發(fā)中，發(fā)現(xiàn)了移動(dòng)端像素的一些問題，是之前一直沒注意過的，這篇文章主要給大家介紹了關(guān)于移動(dòng)端開發(fā)教程之像素顯示問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值，需要的...
關(guān)于移動(dòng)端小圖標(biāo)模糊問題的解決方法教程
由于移動(dòng)端的屏幕大小不一，所以我們在做移動(dòng)端頁面的時(shí)候，在不同分辨率的手機(jī)屏幕下，手機(jī)端的圖片會顯示模糊不清，嚴(yán)重影響了用戶體驗(yàn)，所以這篇文章主要給大家介紹了關(guān)于移動(dòng)端小圖標(biāo)模糊問題的解決方法，需要的朋友可以參考...
-
PageMaker排版制作精彩應(yīng)用技巧集錦
用PageMaker制作排版人的人不少，如果能夠掌握它的實(shí)用技巧，可以為我們省下更多的力氣，從而全面提升效率。為此，筆者在平時(shí)的工作中留意并整理成文，現(xiàn)與大家共享。1 PageMaker自動(dòng)...
2016年網(wǎng)頁設(shè)計(jì)趨勢：卡片式設(shè)計(jì)如何在占盡優(yōu)勢？
有數(shù)據(jù)顯示2014年移動(dòng)端使用率遠(yuǎn)遠(yuǎn)高于桌面端，網(wǎng)頁設(shè)計(jì)都能很好的適應(yīng)小屏幕。這個(gè)結(jié)論就是：簡單的界面風(fēng)格，比如：扁平化設(shè)計(jì)，極簡設(shè)計(jì)，尤其是卡片設(shè)計(jì)比往年都要流...
常規(guī)or創(chuàng)意？別讓網(wǎng)頁中的文字禁錮了你
經(jīng)常聽到設(shè)計(jì)師們抱怨網(wǎng)頁設(shè)計(jì)中可供選擇的中文字體太少，創(chuàng)意字體即使設(shè)計(jì)出來也沒法實(shí)現(xiàn)，或者實(shí)現(xiàn)成本太大，大大限制了他們創(chuàng)意的發(fā)揮。我們也看到很多設(shè)計(jì)教程都建議設(shè)...
干貨丨讓我們談?wù)劸W(wǎng)頁設(shè)計(jì)中的卡式設(shè)計(jì)
作為網(wǎng)頁設(shè)計(jì)師，你該如何使用卡片？當(dāng)在設(shè)計(jì)卡片時(shí)，你應(yīng)該注意些什么？下面讓我們來談?wù)劇?..
自適應(yīng)站點(diǎn)如何做到對百度友好？
自適應(yīng)也叫響應(yīng)式，指可以自動(dòng)識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。目前被越來越多的站點(diǎn)所使用。同時(shí)百度也公開宣稱鼓勵(lì)大家用HTML5技術(shù)打造在PC站和移動(dòng)站都能讓用...
-
網(wǎng)頁設(shè)計(jì)該如何利用黃金比例？
黃金比例是一個(gè)數(shù)學(xué)比率，通常在自然界中都能發(fā)現(xiàn)它的，并結(jié)合古典設(shè)計(jì)理論建立平衡的構(gòu)圖。它大約等于1.6180，也被稱為“中庸之道”、“黃金分割”，通常用希臘字母Ф表...
獨(dú)辟蹊徑！20個(gè)精巧走心的單頁滾動(dòng)網(wǎng)頁設(shè)計(jì)案例
單頁滾動(dòng)也算是目前網(wǎng)頁設(shè)計(jì)中一個(gè)獨(dú)立的類別了，導(dǎo)航、菜單等網(wǎng)頁元素的設(shè)計(jì)也有一套獨(dú)特的手法。極簡風(fēng)的導(dǎo)航欄設(shè)計(jì)其實(shí)算不上太多，畢竟導(dǎo)航欄的部分應(yīng)該是包羅萬象并且...