網(wǎng)頁設(shè)計:腳本素材重構(gòu)用戶體驗
設(shè)計網(wǎng)站的同志背景主要有兩種:學(xué)計算機、學(xué)藝術(shù)。基本上會寫代碼的不懂設(shè)計,會設(shè)計的不懂代碼,這個格局似乎到今天還沒變。某些學(xué)計算機的同學(xué),有自己的審美品位,也能夠做出看起來不錯的網(wǎng)站,但學(xué)藝術(shù)的同學(xué)普遍難搞懂代碼...
設(shè)計網(wǎng)站的同志背景主要有兩種:學(xué)計算機、學(xué)藝術(shù)。基本上會寫代碼的不懂設(shè)計,會設(shè)計的不懂代碼,這個格局似乎到今天還沒變。某些學(xué)計算機的同學(xué),有自己的審美品位,也能夠做出看起來不錯的網(wǎng)站,但學(xué)藝術(shù)的同學(xué)普遍難搞懂代碼,我曾經(jīng)還去過望京央美宿舍輔導(dǎo)朋友。
論壇對技術(shù)的推動起到了至關(guān)重要的作用,03年的時候,我每天在藍色經(jīng)典翻老帖子,04,05年主要呆無憂腳本和中國XML聯(lián)盟,ChinaUI我認為沒什么技術(shù)含量,我又不搞藝術(shù)。
當年無憂論壇的月影斑竹都已經(jīng) 出書 了,時間過得快,大家的進步更快。
用腳本吸引眼球
開始做網(wǎng)頁設(shè)計,我們能把頁面完成就不錯了,受網(wǎng)絡(luò)上作品的影響,才慢慢開始追求各種吸引眼球的特效。因為覺得那個東西特牛,而事實上,01年那會能寫腳本的人薪水的確挺高。
當時進各種品網(wǎng),一靠華麗的設(shè)計,二靠炫目的腳本,對簡潔沒有任何概念。后來發(fā)展成熟些,順理成章的誕生了很多提供“眼球服務(wù)”的技術(shù)網(wǎng)站,有好心人把網(wǎng)絡(luò)上各種稀奇古怪的東西分門別類整理好。我們這些愛好者們每天就去找,看看有沒有什么合適的能用在自己站上。
我曾經(jīng)做過的事情,耐心的去翻每個站的各種新鮮貨物,用收藏夾再次整理。最典型有篇“Javascript最常用的XX個經(jīng)典技巧”的文章,羅列了幾十條簡單易用、效果突出的腳本。不懂也能方便使用,反正記住這段代碼是干啥用的就可以,好像在02年已經(jīng)傳開。
素材造成設(shè)計貶值
用素材的目地是為了高效作業(yè)、批量生產(chǎn),但必然會導(dǎo)致設(shè)計質(zhì)量的下降,以及同質(zhì)化的嚴重問題。當時大量的水晶風(fēng)格按鈕、韓式圖形修飾,在每個設(shè)計網(wǎng)站都能看到。
為了更快捷的生產(chǎn)、更直觀的讓客戶選擇,誕生了大量韓式、歐式、美式風(fēng)格模板。網(wǎng)絡(luò)上有大批倒賣截圖、模板的商人,靠這掙了幾個小錢的同時,也把設(shè)計行業(yè)禍害的夠嗆。
好多漂亮的素材屬于那種看一次還可以,多看幾次就膩味的東西,最討厭的是大家都有,出來的作品怎么看都眼熟,于是很快一陣風(fēng)似的就過去了。好比當年 有風(fēng)的日子的站長陣風(fēng),呵呵。
03年開始有網(wǎng)友陸續(xù)公布截圖庫,就是自己搜集整理的網(wǎng)絡(luò)上不錯的網(wǎng)站截圖。緊接著也有網(wǎng)站專門提供類似的服務(wù),差不多同時,國外冒出了不少showcase的網(wǎng)站。
重構(gòu)革命
到此我們才知道以前那些書上寫的“不建議多使用div”是句屁話,最好的學(xué)習(xí)方法是研究更成熟的作品。往后才算對網(wǎng)站界面設(shè)計有了概念上的入門,起碼曉得了有結(jié)構(gòu)、表現(xiàn)、行為這回事。
最關(guān)鍵的,我認為重構(gòu)代碼的同時,推動設(shè)計風(fēng)格的變革。我們已經(jīng)開始注意為什么老外網(wǎng)站總那么簡潔?為什么css寫的頁面就簡潔?也有朋友認為,是web2.0推動了 網(wǎng)站重構(gòu)的發(fā)展。
做代碼重構(gòu)的同學(xué),基本都有從規(guī)范到極簡,再回歸靈活的過程。上次我們?nèi)シ治鯡xtJS的代碼,效果沒的說,但那個結(jié)構(gòu)復(fù)雜的不得了,光css就500k還多。
用戶體驗之后
開始專業(yè)論壇上談最多的是UI和GUI,基本與軟件有關(guān),比如ChinaUI也是在當時背景下創(chuàng)辦的,包括后來的 UIGarden。他們說的要么我看不懂,要么我認為很簡單,挺奇怪的。我意識到做web和graphical完全是兩個概念,于是給提了個WUI,結(jié)果沒人理我。
做GUI不錯的同學(xué),做web不一定靈。雖然兩者的目的都是傳達,但graphical更偏向設(shè)計圖形,web偏向設(shè)計信息。到現(xiàn)在為止,我還只做過基于web-based的產(chǎn)品,這一個方面就夠折騰。
做為一名實踐者,最深刻感受到的是積累不夠,處理事情每次都要搜腸刮肚。另外,在國內(nèi)互聯(lián)網(wǎng)行業(yè)追求設(shè)計的理想主義,那得靠怨婦般的精神。
詳解移動端網(wǎng)頁設(shè)計實現(xiàn)內(nèi)滾動的四種解決方案
這篇文章主要介紹了關(guān)于移動端實現(xiàn)內(nèi)滾動的四種解決方案,實現(xiàn)的效果就是在一個區(qū)域內(nèi)只允許部分區(qū)域產(chǎn)生滾動的效果,而其余部分則不能移動,需要的朋友可以參考借鑒,下面來一起看看吧。...
網(wǎng)頁設(shè)計如何優(yōu)雅的實現(xiàn)垂直居中
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的實現(xiàn)垂直居中的相關(guān)資料,文中分別給大家介紹了已知寬高的元素、未知寬高的元素以及基于 Flexbox 的解決方案,都分別給出了示例代碼供大家參考學(xué)習(xí),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧...
關(guān)于ASP程序中常見的幾種腳本語言介紹
相信很多程序員對于ASP都并不陌生反而很熟悉了,畢竟作為一款簡單又十分容易維護的動態(tài)服務(wù)器頁面ASP是相當受歡迎的。平時不是很經(jīng)常接觸編程方面的朋友對于ASP的了解就...
運營商的“不限量”流量套餐背后,誰來關(guān)注用戶體驗
2017年全年經(jīng)營數(shù)據(jù)還沒對外公布,但是三大運營商去年11月份的數(shù)據(jù)顯示,中國移動凈增用戶數(shù)為301.2萬戶,中國電信為306萬戶,中國聯(lián)通為210.3萬戶。僅憑單個月度數(shù)據(jù)無法說明整體...
喬布斯97年設(shè)計Apple Cafe網(wǎng)吧 科技與用戶體驗兼具
盡管現(xiàn)在的網(wǎng)吧已經(jīng)充滿富麗堂皇的裝修風(fēng)格和專業(yè)化的電競設(shè)備,但和1997年喬布斯設(shè)計的網(wǎng)吧“Apple Cafe”比較起來,仍然顯得落后了很多。...
當前頁面腳本發(fā)生錯誤的解決辦法
最近打開網(wǎng)頁的時候經(jīng)常會彈出當前頁面腳本發(fā)生錯誤對話框,很令人厭煩。每次打開頁面都彈出一次,然后底部會提示:是否要在此頁面上繼續(xù)運行腳本?我們可以選的是或者否,選擇之后當前頁面腳本發(fā)生錯誤對話框就消失了,如下圖:當前頁面腳本發(fā)生錯誤對話框...
windows下用腳本設(shè)置本地連接ip
設(shè)置本地連接靜態(tài)ipnetshinterfaceipsetaddress"本地連接"static192.168.1.10255.255.255.0以上兩個ip分別為本地連接ip和子網(wǎng)掩碼,還可以在后面指定網(wǎng)關(guān),ip之間用空格分隔設(shè)置為從DHCP...
IE腳本錯誤怎么辦 網(wǎng)頁腳本錯誤解決妙招
出現(xiàn)此問題是因為該網(wǎng)頁的HTML源代碼不能使用客戶端腳本(如MicrosoftJScript或VisualBasic腳本)正確工作。發(fā)生此問題可能是因為以下原因之一:網(wǎng)頁的HTML源代碼中有問題。您的計算機或網(wǎng)絡(luò)上阻止了活動腳本、ActiveX控件或Java小程序3500元...
2016年用戶好評率高的手機推薦 為用戶體驗而生
喜歡關(guān)注手機產(chǎn)品的朋友都知道,智能手機的好壞不能盲目的用參數(shù)、跑分等因素去主觀判斷,而是要結(jié)合實際,根據(jù)用戶的痛點(...
ios10 beta3更新了什么功能及用戶體驗
ios10beta3怎么升級,蘋果音樂:“已下載音樂”取代了“下載”,同時可以選擇是否顯示...