您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計師閉著眼睛都得會的10個技能 get√

快速發(fā)展的技術(shù)、千變?nèi)f化的趨勢、應(yīng)接不暇的軟件和素材,都是網(wǎng)頁設(shè)計師需要面臨的挑戰(zhàn)。但是撇開這些一直變化的東西,有一些基本的技能或者說能力,是設(shè)計師必須熟練掌握的,甚至需要網(wǎng)頁設(shè)計師們閉著眼睛都能搞定相關(guān)的問題。那么,今天我們簡單盤點一下網(wǎng)頁設(shè)計師必須具備的十大基礎(chǔ)技能吧。

  1、熟練掌握HTML/CSS代碼

網(wǎng)頁設(shè)計師閉著眼睛都得會的10個技能 圖趣網(wǎng)

  不論你是不是開發(fā)者,網(wǎng)頁開發(fā)最基本的語言HTML/CSS 你是有必要掌握的,知道如何閱讀、編輯并解決問題。然而根據(jù)設(shè)計師/開發(fā)者的實際工作情況,你所需要了解的程度、范疇甚至?xí)鼜V一些。

  在任何情況下,你都應(yīng)該清楚樣式、色彩要如何通過代碼來進(jìn)行控制和調(diào)整,從長遠(yuǎn)來看,這些技能是極其有用的。

  如果你想確保這一點,記得在W3Schools學(xué)習(xí)這些代碼語言和使用方法。

  2、編輯圖片

  在任何設(shè)計領(lǐng)域,好像和圖片打交道的時間都不會短,絕大多數(shù)甚至是需要整天編輯處理圖片。從最基本的裁剪、調(diào)色和修補(bǔ),你應(yīng)該能夠從容地修整圖片,至少你應(yīng)該了解如何能夠盡可能好地對圖片進(jìn)行優(yōu)化。

  好在Digital Camera World網(wǎng)站提供了一套行之有效的圖片處理技巧,僅需六步就可以搞定絕大多數(shù)圖片的優(yōu)化處理。

  3、了解印刷

print-web

  雖然你絕大多數(shù)時候可能都忙于數(shù)字化的設(shè)計,但是總會有一些設(shè)計是需要借助到印刷的。從名片到新聞稿,這些東西在設(shè)計之初就要為印刷做好準(zhǔn)備。

  在這方面,最值得注意的還是不同媒體的分辨率和色彩的控制。舉個例子,如果你將文本的色彩設(shè)置為FF0000的話,印刷出來的效果可能和你設(shè)定的有出入。對于印刷品而言,色彩使用的是CMYK(青色、品紅、黃色、黑色),四色混合來實現(xiàn)不同的色彩印刷。

  4、書寫標(biāo)題

  在進(jìn)行網(wǎng)頁設(shè)計的時候,正文部分可用假文(Lorem ipsum)來作為占位符,但是標(biāo)題則不能如此。當(dāng)你在進(jìn)行概念設(shè)計的時候,標(biāo)題是視覺和內(nèi)容信息的粘合劑,它不能隨便找句話放那兒。

  一個合理的標(biāo)題文本可以清晰地告訴客戶這個地方要多大的空間,有什么樣的效果,它會給客戶留下清晰而持久的印象。

  目前推薦Copyblogger ,它提供了不錯的文本和文案案例,你可有從這里開始。

  5、熟悉各種設(shè)備

devices-1

  作為一個網(wǎng)頁設(shè)計師,肯定要熟練地用各種數(shù)字設(shè)備來瀏覽網(wǎng)頁。不同的系統(tǒng)、不同的設(shè)備在瀏覽網(wǎng)頁這件事情上還是有差異的,所以你應(yīng)當(dāng)適時地離開自己最熟悉的電子設(shè)備,去嘗試更多的數(shù)碼設(shè)備。

  沒有什么比在一個老舊的手機(jī)的小窗口上瀏覽網(wǎng)頁更痛苦的事情了,但是這有時候就是實際情況,作為網(wǎng)頁設(shè)計師的你應(yīng)該對這種情況有所了解,確保自己的網(wǎng)頁能在任何情況下都可以流暢地瀏覽。

  6、敢于手繪

  也許你并不是美術(shù)專業(yè)出身,但是你需要敢于用草圖來傳遞信息。討論中不論有什么樣的想象和構(gòu)思,用手繪和草圖來表現(xiàn)能夠更清晰的闡述出來。請記住,線框圖和大綱才能更好地傳遞信息。

  你無需成為手繪大師,不用字寫的非常漂亮,但是你需要敢于這么做,自信地用手勾勒出這一切,落于紙上,同人分享。

  7、使用通用框架

wordpress-framework

  在創(chuàng)業(yè)階段使用常見的網(wǎng)頁設(shè)計框架并不是什么丟人的事情,實際上,除非你真的是特別專業(yè)而強(qiáng)大的開發(fā)者,最好還是使用通用的框架。

  你不用重新發(fā)明輪子。一樣的道理,使用通用的框架可以讓別人也更好的使用你的網(wǎng)站和產(chǎn)品,如果你的網(wǎng)站需要最終交付給客戶,那么從長遠(yuǎn)來看,用通用框架更好維護(hù)。比如Wordpress這樣的系統(tǒng)就不錯,支持廣泛,功能強(qiáng)大。

  8、備份和打包

  網(wǎng)站看起來是個完善的整體,但是實際并非如此,它同樣是容易損壞且脆弱的。備份網(wǎng)站是一門必修課。你應(yīng)當(dāng)了解網(wǎng)站系統(tǒng)中哪些東西比較容易損壞,多久備份一次比較合理。即使你不明白其中的道理,至少要了解哪些需要保存,備份應(yīng)該備份在什么地方。

  此外,你應(yīng)該了解如何將網(wǎng)站樣式、設(shè)計相關(guān)、個性化、客戶文件以及系統(tǒng)的關(guān)鍵性文件在哪里,以及如何打包它們。

  9、了解趨勢

cirox-trend

  你并不需要了解全部的網(wǎng)站設(shè)計和技術(shù)趨勢,但是你需要適時地去了解它們。

  簡單來說,重要的不是對所有趨勢如數(shù)家珍,但是你至少要深入了解至少三個流行趨勢,能夠說明白這些設(shè)計趨勢在視覺上的特征,為什么要用它們,它們的運作原理是怎樣的,你為什么喜歡或者不喜歡它們,等等。多閱讀設(shè)計趨勢文章,你就能搞定這一點。

  10、解釋設(shè)計理論

  色彩、流程、平衡、比例、間距,這些常見的設(shè)計概念你都了解了嘛?當(dāng)你在進(jìn)行設(shè)計項目的時候,這些概念你都應(yīng)當(dāng)了解并運用起來。設(shè)計并不是單純的好看,內(nèi)在的概念也原理能告訴你為什么它這樣才會漂亮。理解了它們,能自己解釋它們,你才能創(chuàng)造出平衡的美感。

  每一次向別人解釋這些概念,探討這些原理,你會對這些基礎(chǔ)掌握的更加扎實。

  結(jié)語

  網(wǎng)頁設(shè)計不是請客吃飯,對必備技能的扎實掌控是你走向成功必由之路。如果你對這些技能熟悉,那么能更好的做設(shè)計決策,更快更好的完成工作。如果其中有些部分做的并不太好,也不要糾結(jié),這些基礎(chǔ)的東西稍加努力就搞得定。

[教程作者:@陳子木]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di3118.html
如何做好電子商務(wù)網(wǎng)站(二):電商首屏設(shè)計
跟董老師學(xué)網(wǎng)頁設(shè)計:今天我們聊元素
圖趣網(wǎng)微信
建議反饋
×