網頁設計10個必備技能
網頁設計不是請客吃飯,對必備技能的紮實掌控是你走向成功必由之路。如果你對這些技能熟悉,那麼能更好的做設計決策,更快更好的完成工作。如果其中有些部分做的並不太好,也不要糾結,這些基礎的東西稍加努力就搞得定。
1、熟練掌握HTML/CSS代碼
不論你是不是開發者,網頁開發最基本的語言HTML/CSS 你是有必要掌握的,知道如何閲讀、編輯並解決問題。然而根據設計師/開發者的實際工作情況,你所需要了解的程度、範疇甚至會更廣一些。
在任何情況下,你都應該清楚樣式、色彩要如何通過代碼來進行控制和調整,從長遠來看,這些技能是極其有用的。
如果你想確保這一點,記得在W3Schools學習這些代碼語言和使用方法。
2、編輯圖片
在任何設計領域,好像和圖片打交道的時間都不會短,絕大多數甚至是需要整天編輯處理圖片。從最基本的裁剪、調色和修補,你應該能夠從容地修整圖片,至少你應該瞭解如何能夠儘可能好地對圖片進行優化。
好在Digital Camera World網站提供了一套行之有效的圖片處理技巧,僅需六步就可以搞定絕大多數圖片的優化處理。
3、瞭解印刷
雖然你絕大多數時候可能都忙於數字化的設計,但是總會有一些設計是需要藉助到印刷的。從名片到新聞稿,這些東西在設計之初就要為印刷做好準備。
在這方面,最值得注意的還是不同媒體的分辨率和色彩的控制。舉個例子,如果你將文本的色彩設置為FF0000的話,印刷出來的效果可能和你設定的有出入。對於印刷品而言,色彩使用的是CMYK(青色、品紅、黃色、黑色),四色混合來實現不同的色彩印刷。
4、書寫標題
在進行網頁設計的時候,正文部分可用假文(Lorem ipsum)來作為佔位符,但是標題則不能如此。當你在進行概念設計的時候,標題是視覺和內容信息的粘合劑,它不能隨便找句話放那兒。
一個合理的標題文本可以清晰地告訴客户這個地方要多大的空間,有什麼樣的效果,它會給客户留下清晰而持久的印象。
目前推薦Copyblogger ,它提供了不錯的文本和文案案例,你可有從這裏開始。
5、熟悉各種設備
作為一個網頁設計師,肯定要熟練地用各種數字設備來瀏覽網頁。不同的系統、不同的設備在瀏覽網頁這件事情上還是有差異的,所以你應當適時地離開自己最熟悉的電子設備,去嘗試更多的數碼設備。
沒有什麼比在一個老舊的手機的小窗口上瀏覽網頁更痛苦的.事情了,但是這有時候就是實際情況,作為網頁設計師的你應該對這種情況有所瞭解,確保自己的網頁能在任何情況下都可以流暢地瀏覽。
6、敢於手繪
也許你並不是美術專業出身,但是你需要敢於用草圖來傳遞信息。討論中不論有什麼樣的想象和構思,用手繪和草圖來表現能夠更清晰的闡述出來。請記住,線框圖和大綱才能更好地傳遞信息。
你無需成為手繪大師,不用字寫的非常漂亮,但是你需要敢於這麼做,自信地用手勾勒出這一切,落於紙上,同人分享。
7、使用通用框架
在創業階段使用常見的網頁設計框架並不是什麼丟人的事情,實際上,除非你真的是特別專業而強大的開發者,最好還是使用通用的框架。
你不用重新發明輪子。一樣的道理,使用通用的框架可以讓別人也更好的使用你的網站和產品,如果你的網站需要最終交付給客户,那麼從長遠來看,用通用框架更好維護。比如Wordpress這樣的系統就不錯,支持廣泛,功能強大。
8、備份和打包
網站看起來是個完善的整體,但是實際並非如此,它同樣是容易損壞且脆弱的。備份網站是一門必修課。你應當瞭解網站系統中哪些東西比較容易損壞,多久備份一次比較合理。即使你不明白其中的道理,至少要了解哪些需要保存,備份應該備份在什麼地方。
此外,你應該瞭解如何將網站樣式、設計相關、個性化、客户文件以及系統的關鍵性文件在哪裏,以及如何打包它們。
9、瞭解趨勢
你並不需要了解全部的網站設計和技術趨勢,但是你需要適時地去了解它們。
簡單來説,重要的不是對所有趨勢如數家珍,但是你至少要深入瞭解至少三個流行趨勢,能夠説明白這些設計趨勢在視覺上的特徵,為什麼要用它們,它們的運作原理是怎樣的,你為什麼喜歡或者不喜歡它們,等等。多閲讀設計趨勢文章,你就能搞定這一點。
10、解釋設計理論
色彩、流程、平衡、比例、間距,這些常見的設計概念你都瞭解了嘛?當你在進行設計項目的時候,這些概念你都應當瞭解並運用起來。設計並不是單純的好看,內在的概念也原理能告訴你為什麼它這樣才會漂亮。理解了它們,能自己解釋它們,你才能創造出平衡的美感。
每一次向別人解釋這些概念,探討這些原理,你會對這些基礎掌握的更加紮實。
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設置元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設置HTML元素的style屬性值。cssText怎麼用?複製代碼代碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不説,也知道ext是什...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...