1. 網頁設計的幾種風格
扁平化風格網站 強調字體 整體頁面響應式 個性化互動式手繪插畫 色彩對比 低面建模多邊形風格 動態網頁 banner設計原則 1.突出產品及特徵,採用有吸引力的宣傳用語。 2.圖片和文案要突出重點,相互補充。 3.板式合理,主次分明。 4.色彩搭配協調,營造爽眼的視覺效果。 網站界面設計原則 1.以用戶為中心 用戶為第一位,重點滿足用戶需求。既要考慮用戶共性,也要考慮用戶差異性。不同類型的網站,訪問的用戶層次也不一樣,年齡,行業,關注點不同。 2.主題突出,技術與藝術結合 「美」與「功能」都是為了突出主題而存在。主題及主要功能。 3.整體性原則內容與形式設計上的整體性。為了用戶更准確抓住主題。 4.內容與形式統一 內容是「設計的靈魂」,內容決定形式,形式反作用於內容。這里的形式是指結構,風格,設計語言。設計的內容則是題材,主題,形象等要素的組合。 網頁版式設計 版式設計的目的就是合理布局和設計網頁版面,高效的傳遞視覺信息,充分吸引瀏覽者。 網頁版設計選擇:一版面設計需要符合人的視覺習慣。 二避免瀏覽者產生疲勞感。 三強化頁面的主從關系。 四安排合理的視覺流程。 1.版面設計需要符合人的視覺習慣 視線的移動規律: 規律一人的人眼的視線沿著水平方向運動比沿著垂直方向運動快,而且不易疲勞 規律二,而是現在變化習慣於從左到右,從上到下和順時間方向運動, 規律三當視線沿著基部水平也不垂直的斜線方向移動時在水平方向上,下約45度的范圍內視線從左到右移動。在垂直方向左右約45度范圍內是顯示從上到下移動。1.主從對象對比突出主體對象2.弱化主體對象周圍內容 合理安排視覺流程 視覺流程:視線隨頁面各構成元素在空間上沿一定軌跡運動的過程,瀏覽者的視覺流程是有一定規律的。 視覺流程分類: 1.單向視覺流程 2.曲線視覺流程 3.導向視覺流程 4.重心視覺流程 5.反復視覺流程 6.散點視覺流程1.單向視覺流程視線在頁面中隨構成要素形成的單一方向順序運動。 規律:由大到小,由主到次由左到右,由上到下 分類:橫向視覺流程,縱向視覺流程形象視覺流程。1.單向視覺流程 視線在頁面中隨構成要素形成的單一方向順序運動。 規律:由大到小,由主到次由左到右,由上到下 分類:橫向視覺流程,縱向視覺流程形象視覺流程。 2.曲線視覺流程 曲線視覺流程是個構成要素,沿著曲線而運動變化的視線流動過程,它比單向視覺流程更具節奏,韻律和曲線美。 3.導向視覺流程 導向試卷流程是通過誘導元素,主動引導瀏覽者的視線,按照一定的方向順序運動,將頁面各構成元素依順序串聯起來,形成一個有機的整體依據誘導元素的不同可分為,線形導向,形象導向,指示導向。