1、網頁製作的意義和現狀
意義
Internet正在以強大的沖擊力影響著人類的生活。Internet的出現和迅速發展, 徹底改變了人們的傳統生活方式。Internet現在已經滲透到了人類社會的各個領域, 以及人們的日常生活的各個環節。
Internet的迅速普及,正是依靠不計其數、豐富多彩的網站。 網站是由網頁按照一定的鏈接順序組成。現在有越來越多的人希望在網路上擁有自己的個人主頁或個人網站,來展示個人的個性和特點。 同時也有越來越多的企業通過互聯網上來展示自身形象,提供服務和產品資訊。 以這種廉價的方式獲取最大的宣傳效果。
所以說,網頁製作已經成為現代社會中人們的一種基本功,越來越多的人希望學習如何製作網頁, 同時越來越多的網頁製作工具展現在人們面前。當然掌握所有的網頁製作工具是不可能, 也是不必要的。本課程主要講解目前最受歡迎的,也是最流行的網頁製作工具, 以及這些工具之間如何搭配使用,使學習者能夠快速方便地製作出網頁。
現狀
網頁設計如果單指的設計的話,那麼設計會是一直平穩的發展方向的,設計方面的一直都會向一個平穩的方向發展,平面設計也一樣的,但是在設計方面要有最好的靈感,和設計思維,那麼這個方面的人才可能會有百分之三十到四十左右,如果是在網頁的靜態方面這個還有發展的前景,要看發展以後的技術,排版技術更加精通的也許佔到百分之三十左右,所以如果想在這方面發展好的話可以是讓這兩個方面兼容的
2、網頁設計的誕生與演變
網頁的誕生,對於老網民來說,好像很久很久以前的故事了,其實,到目前為止也就是十幾年的時間。它期間,網路技術的發展變化使人目不暇接,可以說它的演變周期是以「天」來計算的。
第1章 可能性的探索
網路技術的日新月異的變化給網頁設計帶來了新的表現天地。在網路世界裡,技術始終起著先導作用,設計見分曉隨著技術的發展而發展、變化。
瀏覽器這個新技術的出現使得信息傳達與思想交流得以在網頁中實現。可以說網頁設計這個概念也是在這個時期開始了萌芽。在瀏覽器的發展初期,網頁頁面上還無法顯示圖像、聲音、影像等要素,必須啟動其它輔助軟體才能實現,但是,很快這些技術問題便得到了解決。現在好像已經是理所當然的事情,可在當時這是一個多麼在的驚喜啊。網頁設計師們像得到了法寶,大家趕快在網頁中加進了這些新的要素。從那時起,諸如shockwave、Future Splash(現叫Flash)以及各種Movie、Java等新技術發表後,這樣的行為就反復地出現。但不管怎麼說,隨著各種技術的不斷發展,瘰曾經出現在出版印刷、廣播電視以及光碟等媒體上的表現形式,逐漸地在網頁設計上也同樣成為了可能。
這種「既然可能,那就試試」的想法的第一個「受害者」就是網頁的下載速度。雖然這種豐富的實驗性網頁看上去與其它的網頁有所不同,但是,那種圖像的亂貼,各種技術的濫用所導致的結果使得網頁的下載時間成倍的增長。更嚴重是任何信息也無法傳遞出去。當然,無論是網頁設計師還是用戶,都希望網頁更有抵魅力、更有感染力。但是,如果它失去了必要的平衡關系的話,其結果是事與願違。這種設計構想與技術(下載速度等等)的沖突矛盾,至今還持續著。也許,這種沖突將永遠無法得到解決。因為,無論傳送速度如何地改善,網路用戶都將不斷地增加,而且,隨著傳送速度的提高,網頁設計師們又會想出很多新的表現手法,他們的探索與嘗試是不會停止的。
第2章 形式與結構
從「網頁」這個稱呼來看,我們就應該明白,當初創造它的科學家們僅僅是把它作為一種可以共享的「文書」來使用的載體則設想為「低」。
隨著網路商業行為被人們所接受,越來越多的人參與進來。人們使用網際網路與利用網際網路的目地與其誕生初期產生了很多不同,變得多元化了。隨之而來的便是各種各樣的探索與嘗試網際網路廣告、電子商務、電子出版、網上商店等等。到這時;正式概念上的「網頁設計」雛形終於誕生了。當然,在此之後,在此之前,伺服器上的以及電腦與電腦在文件流通上的「設計」是一直存在的,這種設計是如何地重要是毋庸置疑的。但是,作為可視的,人與人在交流層次上的網頁設計,才是人們最需要的,才是人們直接地實現自己理想的手段。
在網頁設計的發展初期,設計家們就發現,無法保證自己所設計製作的內容完全不變地再現於網頁之中。瀏覽器在解釋文本語言的構造後,並通過頁面來顯示時,會出現一些偏差與變異,顯然它沒有充分考慮到更容易讓它人控制的解讀方式。作為人與人之間的有效的交流手段來說,它還存在太多的缺陷。對於這些問題進行了一系列的探索,想了很多不得已的辦法。比如用本來是做表格的標記格式來控制頁面的構圖,用透明GIF圖像來調整間距,用圖像方法來進行文字設計等等。雖然,這些技巧無法解決所有問題,而且,這種做法對於重視結構的HTML來說會帶來許多不利的問題,但是,這種做法所帶來的好處在重視這些好處的人們之間,很快傳播開來。現在,CSS方案被提出與普及,人們才真正朝著解決「形式與結構」這個問題上前進了一步。
第3章 設計方針的變遷
僅僅十幾年的時間,網頁設計的流行傾向就經歷了幾次巨大的轉變。其中之一就是對機能性重視的演變。在一兩年前,網際網路上許多著名的網站都陸續地改變了自己的網頁設計風格,網站的製作重點都更加傾向於對可操作性,功能性的重視。原因之一便是隨著用戶和訪問頻率的急劇增加,導致網站必須把多餘的純裝飾性的東西省略,以提高網站的可讀性,另一個原因是,各個網站已經積攢了一定的經驗,漸漸明白什麼是應該提供的信息,哪些服務是重要的哪些是不重要的。現在較多的媒體型網站以及軟硬體公司的網站上,還有網上商店等到電子商務型網站上,均可以看到這樣的變化。人們最關心的門戶網站也是如此。
去掉多餘的圖像來提高速度,這是對機能性的重視,但是,如何使用戶更快更容易地找到需要的信息,如何讓用戶更快地了解網頁上的信息質量,如何引起用戶的興趣等等,還有如:什麼樣的信息放在什麼樣的欄目里,應該起什麼樣的名稱,這些信息應該是以什麼樣的形式來設計,比如說文章應該分多少頁來顯示,每頁的量又應該是多少,標題應該如何設計,圖像該有該無等等,都對信息的傳遞效果起到很大的影響。另外,電腦屏幕是平面的,我們無法直觀地了解網站信息的立體結構;比如說,從一本書的外觀厚薄上,我們可以直接地感到其信息量的多少,無論閱讀到哪裡,我們也可以輕而易舉地知道已經看了多少,還有多少沒看,但在網頁里,我們卻很容易迷失方向。如何使用戶能更快地把握網站的立體結構,如何使用戶穿梭自由,這些都是每一個網頁設計師應該注重的問題,這也是重視機能的根本所在。對待不同的內容,不同的目的必須採取不同的設計手法。如果在這一點上概念模糊,定位不準的話,肯定給讀者帶來的是不快與煩惱,也是浪費讀者的時間與精力。
第4章 關於速度
速度是網頁設計類學的基本要素。「沒有迅捷的傳送速度,就沒有好的設計」很多從事此項設計的人都相信這句神話。
針對傳送速度的限制,出現了許多新的設計方案。比如,在HTML之上,設很多層頁,利用這些層頁可進行植字,重疊排版的技術(CSS),它使設計者們實現了用有限的資料來提供更多內容的想法。在CSS出現之前,要設計一個理想的標題只能用平面圖像,因此在一定程度上對傳送速度產生了影響。使用CSS的話,字體,正確的文字尺寸,文章中的行距以及在畫面中的位置等都可以得到自由的調整,另外,使用像Macromedia的Flash一樣的Vektor Graphc Fomart圖像處理格式,更可以在不降低畫面效果的情況下,不精確地完成文字字體的選擇與字體的設計,然而,不依賴以上技術也同樣可以提高下載速度。掌握幾個簡單的方法就能使用迅速地等到需要的內容。例如,利用HTTP的特徵,靈活使用壓縮手法也可以提高瀏覽速度,把幾個圖像統一為一個,就比把它們分割成眾多的小圖像好得多,因為,瀏覽器在讀取圖像的時候,是一幅一幅讀取的,每幅圖像的讀都必須進行數次接續交換,這種交換次數越多下載速度就越慢。如果把小的圖像統一起來,變成一個指南圖來利用,即使單個文件變得大一些,因數據交換次數少了,下載速度也會有所提高。
如何使自己的網頁變得更加輕巧。如何進一步提高網頁的下載速度,主要有兩點必須考慮:
4.1、簡潔的HTML構成
4.2、減少每一幅圖像的容量(bytes)
所謂「簡潔的HTML構成」不是以前那種沒有任何設計的簡單網頁。而是在網頁設計的排版構圖上,使我們能夠設計出理想的構圖。但是,表格技術又有其弊病,如果把表格設計得過分復雜的話(比如過分使用表格之中套表格等手法的話),瀏覽器在解釋與顯示它時就會花過多的時間。所以簡潔的表格設計構成是提高下載速度的一個關鍵。隨著網頁商業化的普及,在網頁上,商品圖像的登載已成為必然的事情。如果登載的照片沒有經過精心的加工,下載它所需要的時間是難以想像的,用戶會因此對你的網頁產生反感。為了避免這樣的結果。應在允許的范圍內,把圖像壓縮到最小程度,因為計算機上的圖像是由一個點的像素組成的,所以這些像素點的多少便是使圖像的容量產生變化的主要原因。在用Photoshop加工圖像時,JPEG的壓縮率由1%到100%大致可分為10個檔次,當然1%的壓縮率最高,圖像的信息量(像素)被壓縮到最少,但對圖像質量的傷害太大,一般不適合採用。相反,100%的壓縮率最小,圖像質量很好,但是,文件太大,也不適合採用。一般是在30%到50%之間進行壓縮。GIF在減色時也分很多檔次,可在1色到256色間變化。
第5章 簡潔明了
「簡潔」也是網頁設計的基本要素。在設計網頁時,我們必須充分考慮到用戶在閱讀網頁時的心理狀態,要讓讀者在最短的時間里,迅速地理解網頁里所提供的信息內容。在用戶進入網頁的數秒以內,給他一個好印象,引起他的興趣,才是最重要的。這就要求設計簡潔,主次分明,並通過明了易懂的網頁指南向用戶介紹網站內容。最終把用戶吸引到網站里。
5.1、滾動條的限制
在設計網頁時,對於重要的信息最好是在不滾屏的狀態下完全地顯示出來,這是一下最理想的狀態。但是,由於種種原因,這種狀態無法在所有情況下保持,即使如此,我們也應該盡量使它只出現一個滾動條,要麼是上下滾動,要麼是左右滾動。過多的滾屏會防礙用戶對整個網頁的理解。
5.2、統一網頁形象
這個概念來自於企業形象設計系統(CIS)的設計原理。這個原理在網頁設計中也同樣適用。這個系統會加強網頁的整體形象,以及頁面與頁面之間的統一性和整體感。使用戶對網頁能產生更深刻的印象。
5.3、網頁指南系統
因為網頁的閱覽方式是不定的,跳動性的,也可以說是含糊不清的,如果沒有明確的指南引導,我們的用戶將不知何去何從。這樣便容易導致他們離開這里。那麼,該如何做呢?我們知道讀者閱覽網頁的方式是自由的,跳動性的,所以我們就要做到無論讀者在網站里的什麼位置上,都可以自由地跑到其它想去的頁面上。這就要求我們在所有的頁面上都設有復數的連接點。而且最好是一次點擊就可以進去。其實,網頁設計與建築設計在很多原理上是很相似的,首先驃設計一個精彩的店面,因為給顧客留下的第一印象是很重要的,然後要有很多道路以及電梯等設備,盡快使顧客到達自己要去的地方,並明白所處的方位。如何去其它的樓層,在那裡有些什麼等等。讓你的顧客迷路是一種最危險的行為,因為在網上的顧客會馬上跑到其它的網站里。
製作網頁指南的要點在於簡明易懂以及使用上的簡單便利。無論你自己認為是多麼優秀的設計,用戶不明其意,或者不知如何使用的話,一切都等於零。而且, 如果用戶為了看到想要的信息要經過數次點擊,也是不可取的。以最少的點擊獲得最多的結果是網頁設計的一個原則。據調查,如果主頁的訪問率為100人次,經過第一次點擊到達下一頁的訪問率將下降到30到50人次,再下一頁的話,訪問率會減少到10到20 人次。這個調查說明,網頁的層次越復雜,內容的實際訪問率也將越低,情報也就越難傳達到讀者那裡,所以,盡量把網頁的層次簡單化,力求以最少的點擊次數連接到具體的內容。最理想的是只通過兩三次點擊就可以到達目的地。
第6章 圖像製作
圖像的下載速度決定著網頁顯示的快慢。HTML文件對下載速度沒有太大的影響,對速度影響最大的還是圖像,所以,如何把圖像做得精緻恰當,選用什麼樣的壓縮方式也是提高下載速度的關鍵。
6.1、JPEG和GIF
現在網頁上經常使用的圖像壓縮方式還是以JPEG與GIF為主。這兩種壓縮方式選擇哪一種更好呢?這是由設計時的具體情況決定的。
GIF的壓縮方式與人們的讀書方法是一樣的,從左向右,由上到下。圖像在用GIF格式保存時,加工軟體是由左上端的像素開始,然後向右掃描,然後再由下一端的左邊開始,就這樣反復地掃描壓縮。如果是由一些不同的色素點組成的復雜紋樣的話,它就無法進行有效的壓縮,在平塗顏色面積較大的情況下,漸變色彩較少的圖像,使用GIF形式壓縮比較合適。雖然它不適合照片的壓縮,但是,如果照片等圖像的尺寸小於100*100px的話,用GIF形式壓縮也是比較合適的。
JPEG是一個攝影團體發明的壓縮方式,它最適合照片之類圖像的壓縮,圖像的壓縮率可以自由調整。適於大幅圖像的製作,隨著壓縮率的提高,下載速度也就會相應提高。色彩復雜的圖像選擇JPEG形式的理由是,這種形式可以保存幾百萬種像素。而GIF形式的像素保存卻被限制在256種之內。JPEG形式的缺點是隨著壓縮率的提高,圖像的質量便會越來越差。另外,如果要修改這些圖像的話,應該打開24比特(bit)的原始圖像進行修改與變更尺寸。因為通過這兩種形式保存的圖像,在質量上都有所降低,若把它們打開再一次修改再一次變更尺寸保存的話,它們的質量就會有明顯的下降。
6.2、圖像的容量(bytes)
在用 Photoshop進行了圖像製作時,無法正確了解圖像的容量(bytes)圖像左下端的數值也並非圖像的真正容量。要起了解圖像的真正容量,最簡便的辦法就是選擇菜單的「Getinfo「命令。在這里我們可以了解它在硬碟上佔有的空間,以及文件本身的真正的容量。
6.3、圖像的格式
在網頁中可以插入的圖像有兩種:普通圖像和動畫。普通圖像的格式如表6-1所示。
格式 含義
GIF Graphics Interchange Formats的縮寫,CompuServer公司1987年推出GIF標准,並於1989年和1990年更新,目前標準是89a,256色,可以在所有的瀏覽器中觀看
JPEG Joint Photographics Experts Group開發的圖片格式,以開發小組的縮寫表示,JPEG保留RGB圖片中的所有顏色信息,通過選擇性地去掉數據來壓縮文件,JPEG圖片在打開時自動解壓縮
BMP DOS和Windows兼容計算機系統的標准Windows圖片格式,Windows與OS/2的點陣圖格式不同
TIFF 標簽圖片文件格式,用於在應用程序之間和計算機平台之間交換文件,是一種靈活的點陣圖圖片格式,為所有繪畫、圖片編輯和頁面排版應用程序支持。而且幾乎所有桌面掃描儀都可以生成TIFF圖片
PCX Z-Soft Painbrush格式,用於IBM PC兼容計算機上。大多數PC軟體支持PCX 5
PNG Portable Network Graphics(可移植網路圖形)縮寫,是作為GIF的免專利替代品而開發的,支持顏色索引、灰度和真彩色圖像,需要特殊的插件支持才能顯示,用於在World Wide Web上無損壓縮和顯示圖像
EPS 封裝的PostScript文件,用於在應用程序間傳輸PostScript語言圖稿
而動畫格式有許多種,Dreamweaver支持的動畫常用的有數種:
1、GIF動畫――GIF動畫實際上是將幾幅GIF圖像循環播放而形成的動畫圖像。GIF動畫的製作工具很多,其中Microsoft公司的Gif Animator是最常用也是最好用的工具。
2、SWF動畫――Flash動畫,目前最為流行的網頁動畫,可以是高質量的矢量動畫。
3、視頻――有AVI視頻、QuickTime視頻、RM視頻和MPEG等數種。
在網頁中,我們可以在背景圖片的上面加上一個透明Flash動畫,使原本不會動的圖片變的更加生動,從而使網頁多姿多彩。[5] 圖片格式(P38)
結論:
在網頁設計時一定要選擇質量好,容量小的圖像為網頁快速的下載速度和留住訪問者打下基礎,同時,統一的網頁結構和布局也是提高網頁的顯示速度和網站的可讀性必要因素.
3、網頁設計技術發展前景
我給你說啊,1.學歷不是問題, 我現在北京這個地方,哪個公司看重你
學歷啊,人家就看重的是你有沒有這個能歷,懂嗎?
2.你不是有基礎嗎,你先學網頁三劍客,這是前台設計
,記住要學好
3.像ASP,已經退出了,JSP,PHP用的很少,要學就是.NET
這是後台
4.先學好上邊的在說別的,說那麼多了也沒用,我就是做
這行的,說多了你也不懂,好了,就這樣,看你自已了.
祝你好運..........
4、網頁設計師如何形成自己的設計風格
要學會創新,只是創新才能進步,作為設計師還應該具有廣泛的知識面,歷史、社會、人文、時尚、音樂、藝術等等,這些看似不相關的東西,其實是最考驗設計師素質的要素。而越是專業的設計師,其知識面越廣泛,雄厚的知識基礎才是你今後職業發展前途中成功關鍵。
風格一詞在詞典解釋是「氣度、作風;具體到網頁基礎上,風格就是在運用自己所擁有審美及看待事物的出發點再利用軟體加於表現出來,從而形成自己獨特的設計形式。
二十一世紀是國內網路高速發達的一年,網頁也是各有千秋,但設計師的地位卻沒有得到提升,使網頁設計還是停留在一個低層次水平上重復。另外由於設計師之間相互「借鑒」,使許多頁面在結構和功能上都極其相似。這樣直接後果是網頁行業不景氣,例如在按鈕或者是導航設置上,有些設計師在處理上設計得很不方便,一味追求漂亮,而偏離了主要因素-實用。同樣在一些用色不規范或者是其它元素的應用限制了設計師作用發揮,造成了如此的僵化模式。所以在這個新時代,急切呼喚具有自己風格的設計師來作出一些更好更方便的作品來。
當今互聯網行業的現狀有吞沒網頁設計師個性趨勢, 但是同樣這個時代也是一個追求形式上創新和開拓的時代。每一個有理想的設計師都有理由在這樣的狀況下運用自己能力來開辟自己獨特一片。那麼作為一個設計師應該怎樣做才能體現自己風格呢?首先這種風格不能背離人們的現實太遠,這個現實就是人們習慣了的布局,雖然可能經過長期努力可能會使這種局面得以改觀,但是在目前的情況下如果一味的追求自己的風格而脫離用戶,也是一種不可取的風格,作為一名設計師首先應該還是要考慮用戶良好使用,一切為方便用戶出發,網頁設計師也一樣也要站在客戶和瀏覽者立場來設計,如果自己的作品在很多方面同目前已形成的習慣和編排方式大不相同,那麼習慣於上網的用戶使用起來就會感到很不方便,這樣得不到用戶喜愛,這樣設計出來的作品是失敗的。當然由於自己習慣、修養以及其它因素的作用,這個風格體現的方式大相徑庭,例如有些設計師喜歡現代主義風格,喜歡它簡潔、實用、追求功能上的嚴謹。但是另外一些人喜歡追求視覺上的新奇、愉悅,所以反映到設計上就是一種裝飾化、流行化的風格。
當然,如果一名網頁設計師的作品總停留在一個水平或者一種風格上不變化,就等於死亡,作為一名設計師在工作中要接觸到各式各樣的網頁設計,在這個過程中要能夠形成並保持自己風格固然可貴,但是如果想取得更大成績就必須要贏得一種超越,在自己設計最熟悉風格的基礎上能夠尋求突破,這才是更難能可貴。如何實現自己風格的突破不是一件容易的事情,這需要設計師本身具有不斷開拓進取精神,在自己實踐過程中不斷完善自己,不斷充實自己,不能將自己鎖定在一個方面,要不斷嘗試不同藝術風格,以期找到自己風格變化的突破口,多學習更多傳統、現代的方法,吸收一些長處,在自己工作實踐中反映出來,這樣就更能使自己設計風格的突破變得更加容易,也會使自己在這個方面變得更加得心應手,當然在具體功能上進行實踐也是非常必要。
總之,只有在不斷探索和實踐中總結經驗,提高自己同時樹立起自己獨特理念,才能夠形成自己的風格,開辟出設計新天地。
5、做網頁設計的, 以後可以向哪些方面發展?
網頁設計的技術歷程
在1994年的時候,當時最普及的瀏覽器是NCSAMOSAIC,網景才剛剛推出它的瀏覽器Navigator1.0版。那時候知道萬維網(WWW)的人還不太多,如果誰用Photoshop做圖,用windows3.1記事本寫HTML製作網頁的人,在眾人的眼中根本就是異類。
當時寫網頁是件苦差事,因為寫了一大堆HTML程序碼,只能憑空猜測網頁將來的"長相"。否則就必須一邊寫,一邊要不斷使用瀏覽器Reload重新載入檔案看看畫面效果。在HTML1.0的時代因為語法簡單這點尚可忍受,但是在HTML2.0中出現了表格的規范之後,一旦寫起復雜的表格真是很麻煩。
那時有人就嘗試用VisualC++寫一個所見即所得的網頁編輯器,使得編寫網頁程序只要像在Word中編輯文件一樣拖過來拉過去就好,不必再一行一行的寫HTML做苦工。隨著程序設計的進步,各種各樣的網頁編輯器都出現了,基本都做到使網頁設計所見即所得,而且使用起來越來越簡單。雖然Internet從不曾停止發展的腳步,不管是技術或者是使用人數以及隨之而來的商機。HTML的版本從2.0,3.0一路攀升到現在的4.0,再加上VBscript和Javascript,以及最新的DynamicHTML甚至於XML,XSL,再加上兩大瀏覽器廠牌對各種標准支援的程度不一,甚至自創標準的情形,除了設計的層面之外,網站的管理,後端資料庫系統的整合,加上跨平台對不同瀏覽器的支持,這些課題已經不是簡單的寫寫HTML就可以解決的事情。盡管網頁設計的復雜度大大增加,但由於號稱所見即所得的網頁編輯器的發展以及使用起來越來越簡便、網頁編輯工具功能不斷增強而且價格愈來愈普及使得網頁設計實際上越來越容易。現在除了一些比較早期就接觸WWW的玩家之外,反而很少人直接編寫HTML了。目前,使用率最高的大概要算Microsoft的Frontpage了,在業界幾乎是開發網頁的必備工具。至於一般人寫寫個人網頁,甚至在4.0版的瀏覽器中就有免費奉送的編輯器可用。例如Netscape所贈送的Composer以及Microsoft的FrontpageExpress等等。
於是出現了三種工作--應用程序設計、網頁程序設計和網頁設計。其中應用程序設計、網頁程序設計目前基本上已合二為一了,早年WWW剛剛興起的時候,會寫應用程序的人不會寫網頁程序,例如CGI程序或是網站資料庫程序,但是隨著WWW的普及以及網路運算環境的成熟,以Web為平台的網路應用程序已經變成每個大學信息相關科系學生的必修課程。換言之每一個應用程序設計師都必須要有在Web上編寫網頁程序的能力,否則在信息產業是不具有競爭力的。不過,目前"網頁設計"和"網頁程序設計"還是有所不同的。一般而言,一個網站的美觀程度通常不是一個寫程序的人可以照顧的很好的,因為美術設計的能力太專業了,而程序設計也是。最常遇到的狀況是,會寫網頁程序的人不會美工,懂得美術設計的人不會寫程序,而且通常美術設計人員和程序設計師的思考邏輯存在很大的差異,如何能溝通這兩種人往往傷透了腦筋。因此能同時精通這兩者的人經常是奇貨可居,薪水也就高居不下。
隨著網頁編輯器越來越容易使用,價格也越來越便宜的情形下,網頁設計師的職務也受到越來越嚴重的挑戰。當網頁設計的能力成為每一個人必備的技能的時候(就好像現在,使用Microsoft Word,Excel的能力好像已經成為每個上班族的必備技能一樣),在企業中這個職務自然會消失掉。其實不用懷疑,你知道現在有多少中小學生已經擁有個人網頁並且完全是由個人自行製作的嗎?我們的下一代和網路以及電腦相處的情形好到出人意料之外。此外現在也有越來越多軟體可以很方便的使企業內部員工,將他們製作的文件放到公司Intranet主機上面和他人分享。例如Microsoft的SiteServer等等。在這種情形下,公司內每個人都是網頁設計師了。
然而,美工的能力以及網路程序的編寫卻仍然是一門專業。雖然書店充斥著各種Photoshop的書籍,但是美術設計最重要的是美術概念以及將概念實現出來的能力,而不是操作Photoshop等美工設計軟體的能力或熟練程度,至於程序設計自然就更不用提。雖然未來人人都有自行設計網頁的能力,但是要設計美觀的網頁卻不是人人都能做到,就好像大家都會寫字,但是卻不是人人都能寫出好文章來一樣。因此網頁設計將來會越來越傾向專業製作。美術設計的專業在於賦予網站一個美觀的外在,而系統建置的能力在於建立方便穩固的系統,能讓企業內部員工將自己的文件出版到網路上面,不管是對內的Intranet或是對外的Internet。
現在在國際互聯網的領域中,從事網頁設計的是哪些人呢?最早期是ISP,不論大小,因為自己擁有頻寬,所以也提供網頁設計的服務。在網路發展的初期,這些ISP真的是有接不完的項目,客戶對網路也不甚了解,因此往往都能夠賣到好價錢。隨著網路市場的發展,客戶越來越精明,品質不好的經不起客戶挑剔只好削價競爭,此外有許多學生自行在外面兼差或者是個人工作室做網頁設計,結果整個市場行情被打亂掉,導致利潤越來越少,因此很多ISP現在也不再提供這方面的服務,或者是外包出去製作。
網頁設計未來的發展方向在哪裡?第一是結合Intranet成為"網站建置"的TotalSolution,第二是專業的網路行銷。瀏覽器人人會用,將公司內部的管理系統全部整合到WebServer底下去,只要透過一個瀏覽器介面,公司內部的資訊管理就可以相當省力。還不只於此,目前的Intranet架構中,員工們可能只是被動的信息接受者,未來還可能賦予員工不同層級的許可權,主動將資料發布到網站上,提供其他員工或者客戶參考。這種做法會將網頁更新的責任完全分配到每一位員工身上,所以會導致前面所提到的情形,企業內部不再需要僱用專職的網頁設計師,技術部門的人員只要負責建立起這個架構並定期維護就好,至於美工設計則外包給專業的設計公司製作。而Intranet的建立在未來的網路市場會相當的看好,因為困難度高所以它的利潤會比網頁設計高出許多。目前intranet的開發工具都已經相當成熟,例如Microsoft推出的SiteServer就能夠提供前面提到的這些應用。此外還有不少的網站開發工具標榜著DatabaseDriven,言下之意所有的網頁都可以由WebServer到資料庫去抓取程序並且套用某些事先定義好的板樣template下去產生。
6、網頁設計的發展方向
你好 : skygleam
美工有2個發展方向,一個是代碼,前台工程師,專門寫交互的,還有一個方向是用戶體驗,研究如何設計一個網站,更漂亮,更迎合用戶的,也就是ui,建議你向後者發展。最後祝你求職順利,早日找到滿意的工作!
7、網頁設計發展趨勢有哪些
2017 年會出現哪些新趨勢?
1. 傳統網頁設計的消亡
網頁設計正從傳統的概念中逐漸的消亡。或像 Eric Meyer 在最近的 Offscreen 雜志中所說的,他停止稱自己為網頁設計師,而是稱自己為「體驗設計師」。
在傳統的網頁設計中,設計的作用更多是讓研發人員看起來不錯,而現如今網頁設計已演變的不僅如此了。
網頁設計師(或體驗設計師)不再只是使網站「看起來美麗」。 相反,他們需要研究用戶的體驗以及他們之間的故事。
2. 對話式 UI
2016 年是對話式交互發展的重要的一年,作為 hashtag 的創始人以及前 Google 員工Chris Messina 說:
「2016 年是對話式商務的元年。」
Chris 在這篇文章里提到,人們將通過聊天應用,通訊應用和其他自然語言界面來與公司、服務商和機器人進行交互。作為通訊應用平台(例如 Slack,Facebook Messenger 或 WeChat)也超越了社交網路應用的下載,企業開始思考如何利用這一變化。
因此,對話式用戶界面(例如網站)的設計,將成為大多數網頁設計師在 2017 年關注的重點。
雖然,仍然有諸多問題尚未解決,但請放心:對話式界面將成為 2017 年裡的一個主要的話題。
3. GIFs 和其他動畫
眾多的網站和應用程序正在使用著動畫,而 GIFs 也逐步的成為了主流。
作為 Buffer 網站的內容製作官 Ash 說:
「GIFs 是偉大的。它們無處不在。」
現在它已經內置到 Facebook 和 Twitter 中,你也可以將 GIFs 用於你的網頁設計。
但不要過度的依賴它們——雖然,它們很好的吸引了用戶的注意。GIFs 可讓你提供更豐富的產品體驗,演示工作流程,或者為你的客戶提供簡單的指導。
隨著多款 GIF 製作工具的出現(如 Photoshop,Giphy 或 record.it),網頁設計師在其設計的過程中也不會受到限制。
4. 下一代響應式設計
響應式設計將繼續占據著主導地位,因為它是實現最佳用戶體驗的有效方式之一。CSS media queries 為網站提供了靈活性,並根據訪問網站的不同設備進行調整。
2016 年 4 月,谷歌對網站的排名演算法進行了調整,並對網站內容進行了優化。我們看到了不少公司正忙於重新提升他們網站的 Google 排名。
作為建站者,我們必須接受這種情況。雖然,沒有一個通用標准,但我確信的是網站提供的選項越少,響應的時間越短,那麼網站的轉化率就會得到提升。
5. 極簡主義的網頁設計
在 2017 年極簡主義將會達到一個全新的高度。當用戶點擊首頁後,呈現的將是類似於「卡片」一樣的展現,它們成為了用戶獲取網站更多信息的入口。而對於網站本身,多圖片的展示也可用於可視化的專題推薦,並可以促使用戶進行點擊。
Netflix 就是一個比較成功的網站示例。卡片圖像不僅能夠詮釋節目或電影的更多內容,而且可以減少網站的使用空間。
總體上,人們更青睞那些在視覺上清晰、簡單的網頁設計。
6. 數據可視化
現如今,數據和分析越來越重要。而大品牌服務商正為用戶提供了一個查看自己網站的統計數據的機會。
通過可視化的數據展示來增加用戶與數據間的交互。當涉及讓用戶更好的表達時,豐富多彩的圖表會特別有用。例如你可以使用 Tableau 來創建吸引用戶注意的圖表。
7. 減少圖庫圖片,增加真實照片
這是一個簡單卻有趣的網頁設計趨勢。 在過去幾個月瀏覽網站的過程中,我們發現使用圖庫圖片的網站在不斷的減少。作為用戶,我們更願意看到那些能夠表明公司或業務的照片,而不只是一張通用的圖片。
我也有這樣的感覺,網頁設計師寧可不選擇圖片,也不會使用圖庫圖片。
攝影是一種藝術的表現形式,卻被人們遺忘了若干年。但在2017年它會強勢回歸。然而,銘記於心的事情是你網站的服務目的是什麼。因此,上述的一切,包括網站圖像的選擇,請務必要這樣做。
個人照片(團隊照片)同樣很受歡迎——請給品牌一個門面
不僅真實圖像的使用率在不斷的增長,而且像卡通、漫畫以及其他插圖的使用比例也在增加。尤其是在一些科技類的社區中,通常會用一則漫畫來談論特定的主題或闡述一些細節。
8. Material Design
近年來,由 Google 推出的材料設計語言正穩步的推廣到其應用程序中,包括 Gmail,Google 地圖,Google 雲盤和 YouTube 。而早在 2013 年,材料設計就以搜索詞的形式出現了,但直到 2015 年它才成為了主流。
它是一種在頁面上創建具有意義的層次排版結構的設計方法,在移動和響應用戶動作的同時,將用戶的焦點繪制到不同的區域。他們稱後者為材料動效。而材料設計則是利用幾何形狀從視覺上來增強他們網站的體驗。
由於它具備極大的靈活性,以及所有設備的兼容性,它也越來越受歡迎。
這是一個關於材料設計及其未來的持續討論。要詳細了解材料設計,請參閱Google上的簡介。
9. 長滾動頁網站
它是一個擁有利弊的長滾動頁網站。總而言之,我們看到了越來越多的長滾動頁網站的出現,例如 Facebook,Twitter 或 Instagram 。它們看似無底,然而又很成功。
在 Facebook,Twitter 和 Instagram 網站上,用戶通過長時間滑動頁面,來不斷的刷新與瀏覽新的內容。作為慵懶的人類,我們已經習慣了現在的行為方式。許多網站也都在摒棄菜單和標簽選項,取而代之的是將所有內容放在一個長長的頁面上。而網站也可以拆解為圖像、文字與視頻,用以增添一些讓人們感到有趣的體驗。
那麼,就繼續愉快地滾動吧!
10. 字體排印越來越大
字體排印越來越大,並且更大膽。
2016 年我們已經看到了字體的大小與外觀設計的增長,但這種趨勢不會很快就停止。品牌名稱將會變得更大、更醒目,甚至會全屏出現。而動態的顏色與紋理也將添加到那些有趣、充滿活力的字體中,並創造出一個讓你「哇」的效果。
無論是用於繪圖,還是用來吸引用戶的注意,字體排印工作都在有條不紊的進行著。而大型字體的排印可以有效地打破網格的界限,尤其針對那些擁有較長滾動頁面的網站。
總結:雖然,我們認為這份列表上的所有內容都相當不錯的,但不要嘗試將每一個趨勢都納入到你設計的新網站上。它們中的一些適合為企業服務,而你也可以選擇一些客戶需要和想要的樣式和功能。同時,不要嘗試太多不必要的功能,這樣會立刻降低網站的用戶體驗。所以,請謹慎的選擇,最重要的是要有創意。