網頁設計教程建議通俗版

2021-05-10 04:29:30 字數 1153 閱讀 7466

看過很多網頁設計教程文章,但不是說的太高深,對我們實際設計工作並無什麼用處,就是東拼西湊的用photoshop做幾個效果,就是所謂「設計」。最近在網上看到這篇文章,覺得不錯,通俗而實際,有利於新手理解和快速上手。**過來讓更多的人看到。

⒈ 網頁設計理念

⑴ 內容決定形式

先把內容充實上,再分割槽塊,再定色調,再處理細節。

⑵ 先整體,後區域性,最後回歸到整體。

全域性考慮,把能填上的都填上,佔位置。然後定基調,分模組設計。最後調整不滿意的幾個區域性細節。

⑶ 功能決定設計方向

看**的用途,決定設計思路.商業性的就要突出贏利目的;**型的就要突出形象和權威性的文章;教育性的,就要突出師資和課程。

⒉ 網頁配色基本概念

⑴ 白紙黑字是永遠的主題,誰都說不出不好來。

⑵ 網頁最常用流行色

蘭色——藍天白雲,沉靜整潔的顏色。

綠色——綠白相間,雅緻而有生氣。

橙色——活潑熱烈,標準商業色調。

暗紅——寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色,

⑶ 顏色的忌諱

忌髒——背景與文字內容對比不強烈,灰暗的背景令人沮喪!

忌純——艷麗的純色對人的刺激太強烈**,缺乏內涵。

忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱!

忌花——要有一種主色貫穿其中,主色並不時面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。

忌粉——顏色淺固然顯的乾淨,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。

藍色忌純,綠色忌黃,紅色忌豔

⑷ 幾種固定搭配

藍白橙——藍為主調。白底,藍標題欄,橙色按鈕或icon做點綴。

綠白蘭——綠為主調。白底,綠標題欄,蘭色或橙色按鈕或icon做點綴。

橙白紅——橙為主調。白底,橙標題欄,暗紅或桔紅色按鈕或icon做點綴。

暗紅黑——暗紅主調。黑或灰底,暗紅標題欄,文字內容背景為淺灰色。

⒊ 如何快速高效的完成設計工作

天下文章一大抄。

就看你會抄不會抄。抄的是道念,思想,區域性精緻的點綴。

在網上搜尋同類**,找幾個順眼的,用乙個為基本蘭圖,把幾個優點整和成自己的,這樣最高效快捷,而且還出成果,能學到很多東西。

css網頁設計標準教程 CSS設計教程

css網頁設計標準教程 veerle pieters發布了乙個名為 設計css模板 的教程系列,它對許多現有教程進行了令人耳目一新的更改,首先集中於設計,最後只討論了使用css的實現。它分為四個部分 第1 部分 第2 部分 第3 部分 第4部分 而設計的來講,我碰到乙個很好的例子,今天的新鮮css設...

iPhoneX響應式網頁設計教程

iphonex響應式網頁設計教程,iphone x正式發售了。隨之而來的是乙個新的白色線條,幸福地坐在底部的觸控板上,它替代了原有的home鍵。這也喚起了人們對物理home鍵的懷舊情結。頂部的黑色凹槽採用了許多最先進的技術 紅外攝像頭 環境感應器 光感感測器等 所有這些都是用來支援面部識別的。iph...

手機版網頁設計注意事項

用手機上網時,有些 會無法正常顯示,因為這些網頁是設計在電腦上看的,如果網頁開發者沒有考慮到手機的軟硬體特性以及人們的閱讀習慣,就無法設計出手機上方便閱讀的網頁。說的簡單,但是要把既有網頁砍掉重練 再移植到手機上是一項大工程,筆者歸納四個方面給網頁開發人員參考。一 與計算機共享同一套網頁 這裡的與計...