技術(shù)資訊
從網(wǎng)頁設(shè)計開始
2008-07-04 14:56:00
設(shè)計網(wǎng)站的同志背景主要有兩種:學計算機、學藝術(shù)?;旧蠒懘a的不懂設(shè)計,會設(shè)計的不懂代碼,這個格局似乎到今天還沒變。某些學計算機的同學,有自己的審美品位,也能夠做出看起來不錯的網(wǎng)站,但學藝術(shù)的同學普遍難搞懂代碼,我曾經(jīng)還去過望京央美宿舍輔導朋友。
論壇對技術(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),但必然會導致設(shè)計質(zhì)量的下降,以及同質(zhì)化的嚴重問題。當時大量的水晶風格按鈕、韓式圖形修飾,在每個設(shè)計網(wǎng)站都能看到。
為了更快捷的生產(chǎn)、更直觀的讓客戶選擇,誕生了大量韓式、歐式、美式風格模板。網(wǎng)絡(luò)上有大批倒賣截圖、模板的商人,靠這掙了幾個小錢的同時,也把設(shè)計行業(yè)禍害的夠嗆。
好多漂亮的素材屬于那種看一次還可以,多看幾次就膩味的東西,最討厭的是大家都有,出來的作品怎么看都眼熟,于是很快一陣風似的就過去了。好比當年 有風的日子 的站長陣風,呵呵。
03年開始有網(wǎng)友陸續(xù)公布截圖庫,就是自己搜集整理的網(wǎng)絡(luò)上不錯的網(wǎng)站截圖。緊接著也有網(wǎng)站專門提供類似的服務(wù),差不多同時,國外冒出了不少showcase的網(wǎng)站。
重構(gòu)革命
到此我們才知道以前那些書上寫的“不建議多使用div”是句屁話,最好的學習方法是研究更成熟的作品。往后才算對網(wǎng)站界面設(shè)計有了概念上的入門,起碼曉得了有結(jié)構(gòu)、表現(xiàn)、行為這回事。
最關(guān)鍵的,我認為重構(gòu)代碼的同時,推動設(shè)計風格的變革。我們已經(jīng)開始注意為什么老外網(wǎng)站總那么簡潔?為什么css寫的頁面就簡潔?也有朋友認為,是web2.0推動了 網(wǎng)站重構(gòu) 的發(fā)展。
做代碼重構(gòu)的同學,基本都有從規(guī)范到極簡,再回歸靈活的過程。上次我們?nèi)シ治鯡xtJS的代碼,效果沒的說,但那個結(jié)構(gòu)復(fù)雜的不得了,光css就500k還多。
用戶體驗之后
開始專業(yè)論壇上談最多的是UI和GUI,基本與軟件有關(guān),比如ChinaUI也是在當時背景下創(chuàng)辦的,包括后來的 UIGarden 。他們說的要么我看不懂,要么我認為很簡單,挺奇怪的。我意識到做web和graphical完全是兩個概念,于是給提了個WUI,結(jié)果沒人理我。
做GUI不錯的同學,做web不一定靈。雖然兩者的目的都是傳達,但graphical更偏向設(shè)計圖形,web偏向設(shè)計信息。到現(xiàn)在為止,我還只做過基于web-based的產(chǎn)品,這一個方面就夠折騰。
做為一名實踐者,最深刻感受到的是積累不夠,處理事情每次都要搜腸刮肚。另外,在國內(nèi)互聯(lián)網(wǎng)行業(yè)追求設(shè)計的理想主義,那得靠怨婦般的精神。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-11-10 12:45:20] 獨立設(shè)計的網(wǎng)站與模板網(wǎng)站區(qū)別與優(yōu)勢
- [2014-11-29 13:24:10] 網(wǎng)頁設(shè)計中的按鈕小竅門
- [2011-11-07 22:35:37] 細節(jié)處理讓網(wǎng)頁設(shè)計與眾不同
- [2016-10-15 09:32:00] 2016年主流網(wǎng)頁的設(shè)計風潮
- [2014-11-27 09:15:06] 網(wǎng)頁設(shè)計中如何使用透明效果
- [2011-11-16 22:42:13] 給帶顏色的背景上做黑色陰影會讓效果失真!
- [2014-11-05 11:16:16] 網(wǎng)頁設(shè)計制作規(guī)范教程
- [2012-08-21 23:06:54] dede調(diào)用自定義字段
- [2011-12-03 23:07:54] 新做的網(wǎng)站如何獲取高質(zhì)量的外鏈
- [2011-11-07 23:02:37] 青島網(wǎng)頁設(shè)計中最常用到的設(shè)計細節(jié)
- [2009-04-09 11:37:00] 十個簡單好用的設(shè)計技巧
- [2014-11-13 22:56:52] 網(wǎng)頁設(shè)計師如何跟客戶溝通
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
官網(wǎng)網(wǎng)站建設(shè) 力圖數(shù)字科技 搜索引擎蜘蛛 建站常識 扁平化設(shè)計 手機端的網(wǎng)站 網(wǎng)站視覺 網(wǎng)站建設(shè),手機網(wǎng)站 微官網(wǎng)帶來的好處 SEO 膠南網(wǎng)站建設(shè)公司 色彩心理學 青島flash網(wǎng)站 網(wǎng)站規(guī)劃 交互設(shè)計 GOOGLE 新的元素 H5專題頁面 IT資訊 青島輪胎網(wǎng)站設(shè)計公司 網(wǎng)站動畫 企業(yè)網(wǎng)站 輪胎網(wǎng)站設(shè)計 官網(wǎng)建設(shè) 用戶界面 青島好的網(wǎng)站優(yōu)化公司 營銷型網(wǎng)站建設(shè) 力圖 青島輪胎網(wǎng)站設(shè)計 html和css