在網(wǎng)站或軟件的策劃和設(shè)計(jì)過(guò)程中，我們經(jīng)常聽到這樣的討論：“這個(gè)功能設(shè)計(jì)得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計(jì)是時(shí)下炙手可熱的話題，也是方興未艾的web2.0大浪下設(shè)計(jì)師們的最愛(看看那些在全世界遍地開花的sns網(wǎng)站，無(wú)論是視覺元素還是交互流程均能輕則輕)。…

claudioguglieri在紐約廣告公司b-reel任職總監(jiān)，他撰寫了本網(wǎng)站設(shè)計(jì)培訓(xùn)指南，通過(guò)分享自己多年從事設(shè)計(jì)工作中看到的一些常見錯(cuò)誤，尤其是“網(wǎng)站設(shè)計(jì)培訓(xùn)”中所述的實(shí)習(xí)生和新手們的通病。來(lái)幫助您了解設(shè)計(jì)網(wǎng)站布局的全過(guò)程。01.先在紙上整理思緒世界各處城市插圖系列簡(jiǎn)筆此條顯然很…

使用縮寫可以幫助減少你css文件的大小，更加容易閱讀。css縮寫的主要規(guī)則如下：顏色16進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤梢钥s寫一半，例如：#000000可以縮寫為#000;#336699可以縮寫為#369;盒尺寸通常有下面四種書寫方法:property:value1;表示所有邊都是一個(gè)值value1；property:v…

經(jīng)常有新入職的同學(xué)，搞不清設(shè)計(jì)師和別的職位如產(chǎn)品經(jīng)理，在工作內(nèi)容上有什么區(qū)別。回答了幾次之后，我總結(jié)出兩方面的差別，簡(jiǎn)單概括為：技能和定位。“技能”指的是設(shè)計(jì)師掌握了項(xiàng)目中其他角色都不具備的能力——畫圖。這么概括有點(diǎn)簡(jiǎn)單粗暴了，事實(shí)上設(shè)計(jì)師的專業(yè)能力遠(yuǎn)比畫圖兩字…

是什么讓人們?cè)诖蜷_你的網(wǎng)頁(yè)沒多久就按下返回鍵？他們?yōu)槭裁茨敲纯炀拖霐[脫你的網(wǎng)站？可以做些什么來(lái)改善這一點(diǎn)呢？長(zhǎng)期思考這個(gè)問題之后，我發(fā)現(xiàn)了比原本想象的還要多的一些因素。如果把一下因素單獨(dú)考慮的話，可能還不至于讓訪問者產(chǎn)生迅速離開的沖動(dòng)，但是如果這些因素?fù)诫s在一起…

css簡(jiǎn)寫就是指將多行的css屬性簡(jiǎn)寫成一行，又稱為css代碼優(yōu)化或css縮寫。css簡(jiǎn)寫的最大好處就是能夠顯著減少css文件的大小，優(yōu)化網(wǎng)站整體性能，更加容易閱讀。下面介紹常見的css簡(jiǎn)寫規(guī)則：一、盒子大小這里主要用于兩個(gè)屬性：margin和padding，我們以margin為例，padding與之相同。…

minted創(chuàng)始人兼ceomariamnaficy是一名資深電子商務(wù)行家。2000年，她把自己創(chuàng)立的化妝品電子零售網(wǎng)站eve.com出售，售價(jià)超過(guò)1億美元。2007年，她開始尋找新的商機(jī)，成立眾包設(shè)計(jì)平臺(tái)minted。這節(jié)課是reidhoffman（linkendin聯(lián)合創(chuàng)始人）對(duì)mariamnaficy的采訪。mariam是minted的創(chuàng)始人…

（一）選產(chǎn)品的三個(gè)原則首先，我們不管是創(chuàng)業(yè)也好還是投資也好，最關(guān)鍵的是要選一個(gè)方向，即產(chǎn)品的定位。一個(gè)產(chǎn)品必須要符合三個(gè)重要的原則：第一有需求，第二有優(yōu)勢(shì)，第三有利益。1、有需求有需求就是有痛點(diǎn)。當(dāng)然即使你找到了痛點(diǎn)，也不見得你就能做，還要結(jié)合自身的優(yōu)勢(shì)。所謂的…

我最近發(fā)現(xiàn)有很多創(chuàng)業(yè)者，先自己申請(qǐng)一個(gè)公共賬號(hào)，寫一篇我為什么要做這件事，我為什么要改變現(xiàn)狀，其實(shí)大家對(duì)這樣的人還是很好奇的。如果你寫不明白，就找一個(gè)好的媒體來(lái)幫你表達(dá)。此外，我自己總結(jié)下來(lái)，媒體關(guān)系做得好的初創(chuàng)公司確實(shí)更容易融資，凡是公眾影響力很強(qiáng)的人物，拿a…

大型web應(yīng)用緩存必不可少，本文我們講了前端本地緩存，服務(wù)器端緩存，http緩存機(jī)制，cdn緩存，html5離線存儲(chǔ)等緩存策略。緩存策略瀏覽器端的緩存規(guī)則對(duì)于瀏覽器端的緩存來(lái)講，這些規(guī)則是在http協(xié)議頭和html頁(yè)面的meta標(biāo)簽中定義的。他們分別從新鮮度和校驗(yàn)值兩個(gè)維度來(lái)規(guī)定瀏覽器是…

度自適應(yīng)的實(shí)現(xiàn)方法有不少了，今天我們以cssiframe高度自適應(yīng)示例來(lái)為各位引起一些js與jquery的例子，有興趣的可以和小編一起來(lái)看看。前因：某個(gè)項(xiàng)目為了統(tǒng)計(jì)效果，把咨詢的頁(yè)面窗口內(nèi)嵌放進(jìn)一個(gè)單獨(dú)的空頁(yè)面，在這個(gè)頁(yè)面里加了個(gè)統(tǒng)計(jì)，讓人看著這個(gè)頁(yè)面就跟直接進(jìn)入咨詢頁(yè)面一樣，…

現(xiàn)在手機(jī)網(wǎng)站越來(lái)越多了，我們統(tǒng)計(jì)手機(jī)游戲也點(diǎn)了網(wǎng)站的30%左右了，今天在做手機(jī)版本網(wǎng)站開發(fā)時(shí)碰到一個(gè)問題就是在手機(jī)瀏覽器圖片不能自適應(yīng)高度問題了，下面我們來(lái)看解決辦法。最近做pc站點(diǎn)的手機(jī)版，發(fā)現(xiàn)一個(gè)問題，圖片在手機(jī)瀏覽器中顯示效果有問題，寬度可以自動(dòng)適應(yīng)了，但是高…

下面來(lái)看一個(gè)css浮動(dòng)元素的居中的例子，希望例子對(duì)各位有用。關(guān)于浮動(dòng)元素的居中，其實(shí)不太常用，但為了應(yīng)付某些奇葩的面試官，也要知道怎么解決這個(gè)問題。貼出一段css代碼：width:50%;height:300px;float:left;margin-left:50%;position:relative;left:-25%;background-color:#ccc…

表單加星號(hào)意思是必填項(xiàng)了，這種功能我們其實(shí)見得也是非常的多了，今天我們就一起來(lái)看一篇關(guān)于css給表單必選項(xiàng)添加星號(hào)的例子，希望能夠?qū)Ω魑粠?lái)幫助．在制作網(wǎng)頁(yè)表單的時(shí)候，如果一個(gè)選項(xiàng)是必填的，通常會(huì)給選項(xiàng)添加一個(gè)星號(hào)，比如wordpress的評(píng)論表單：姓名*然后給星號(hào)添加一點(diǎn)…

背景固定效果在許多的網(wǎng)站都能看到，今天我們一起來(lái)看一個(gè)關(guān)于css制作的頁(yè)面背景固定和滾動(dòng)效果，應(yīng)用非常的好用希望對(duì)各位帶來(lái)幫助。如何創(chuàng)建一個(gè)不需要javascript而僅僅只需css的background-attachment屬性就能實(shí)現(xiàn)頁(yè)面背景固定和滾動(dòng)效果。我們看到現(xiàn)在有很多的網(wǎng)站項(xiàng)目使用了視…

本文我們來(lái)講講css必備掌握的重點(diǎn)：清除float浮動(dòng)clear，掌握此內(nèi)容，可以讓你在css+p布局中，一些浮動(dòng)問題得心應(yīng)手。一、浮動(dòng)產(chǎn)生原因一般浮動(dòng)是什么情況呢?一般是一個(gè)盒子里使用了cssfloat浮動(dòng)屬性，導(dǎo)致父級(jí)對(duì)象盒子不能被撐開，這樣cssfloat浮動(dòng)就產(chǎn)生了。浮動(dòng)產(chǎn)生樣式效果截圖…

pcss新手布局會(huì)遇到布局的背景顏色無(wú)法顯示，一般布局背景無(wú)法顯示通常原因如下：1、由使用float浮動(dòng)造成浮動(dòng)產(chǎn)生無(wú)法顯示css背景顏色2、高度不夠而產(chǎn)生背景無(wú)法顯示接下來(lái)我們分別介紹無(wú)法顯示背景顏色或圖片的原因和解決方法。一、cssfloat浮動(dòng)產(chǎn)生浮動(dòng)無(wú)法顯示背景樣式顏色假設(shè)對(duì)…

因?yàn)槲覀兤匠Ｕf(shuō)網(wǎng)頁(yè)布局用p+css代替table布局，但是并不是要完全放棄table，在有些數(shù)據(jù)呈現(xiàn)的時(shí)候用table還是比較方便的，現(xiàn)在我們來(lái)講講用css控制table寬度的方法。對(duì)table表格寬度定義有直接table標(biāo)簽內(nèi)使用width寬度屬性定義其寬度，另外也可以通過(guò)css樣式設(shè)置定義其寬度，根據(jù)需…

關(guān)于404錯(cuò)誤頁(yè)面的做法大家會(huì)有很多想法，下面我來(lái)看看我自己對(duì)于404錯(cuò)誤頁(yè)面的一些理解吧。當(dāng)你的站點(diǎn)上某一個(gè)頁(yè)面不存在的時(shí)候，一個(gè)404錯(cuò)誤頁(yè)面可以顯示提示用戶相關(guān)信息。404錯(cuò)誤頁(yè)面可以友好的提示用戶當(dāng)前請(qǐng)求的(頁(yè)面、圖片、視頻等等)暫時(shí)不可以使用。通常一個(gè)404錯(cuò)誤頁(yè)面返…

網(wǎng)友上網(wǎng)都不喜歡用太多的時(shí)間等待網(wǎng)頁(yè)的打開，等待的越長(zhǎng)，用戶可能會(huì)直接關(guān)閉網(wǎng)頁(yè)，這樣就會(huì)損失很多流量！其次，關(guān)鍵字的排名與網(wǎng)頁(yè)的打開速度也有關(guān)系，這個(gè)主要體現(xiàn)搜索引擎對(duì)用戶體驗(yàn)度上，用戶體驗(yàn)度好，排名相對(duì)其它網(wǎng)站就好些。因此我覺得我們有必要去提高網(wǎng)頁(yè)的打開速度，…