close

摘要:網頁設計師在寫作的過程中,經常會遇到這樣的情况:時間如此短暫而輝煌,同時又大氣,風格不清,很難把握,有那麼多欄目和這麼長的網頁突然覺得束手無策,頭腦一片空白,毫無頭緒,怎麼辦?下麵是簡短的提示1。旋轉法——將主頁面或部分頁面進行旋轉,我們的頁面佈局一般是方形、方形、穩定、有點死板。如果局部或整體適當旋轉,破壞穩定


在寫作過程中,網頁設計師經常會遇到這樣的情况:時間太短太精彩,要求氛圍大,風格不清,難以把握,欄目太多,頁面太長

突然覺得無助,一片空白,不知道,怎麼辦?

以下是一些讓頁面變得精彩的快速提示:

1旋轉方法-旋轉頁面的主體或部分

我們的頁面總體佈局是方形的,方形的,穩定的,有點呆板。如果局部或整體適當旋轉,打破穩定構圖,畫面會更加動感有趣。

上面的頁面,語氣輕鬆活潑,內容相對較小。主體旋轉後,畫面立刻變得輕鬆活潑。看著這張照片,我無法想像旋轉前的平原。同時,與大面積的方形毛坯相比,不規則的殘留白色不會顯得空洞。

在大面積旋轉後,圖片的背景有强烈的旋轉感。這輛車在高速行駛,好像下一秒就會沖出電腦。傾斜的標題和旋轉的背景交叉配合使整個畫面移動。這種方法可以應用於許多體育主題。


2黃金分割法:靈活運用黃金分割法對頁面進行“切割”

黃金比例被認為是理想的矩形比例,在過去的文化遺產中有很多這樣的遺跡。如果把這個比例應用到版式設計中,也可以設計出容易被用戶喜歡的構圖。但不要受這些比率的約束。其中很多都是你自己的感覺。

在上圖中,除了背景之外,它只不過是一個佈局清晰的頁面。背景分割後,對比色塊使畫面感覺深邃,頁面的豐富性和視覺衝擊力迅速增强。這個角色似乎也已經著陸,穩穩地站在畫面中。

上圖採用對比度强的色塊進行分割,強調分段。即使有很多地方需要強調,用戶也可以很快理解每個部分的重點,而不是1、2、3的內容是垂直排列的,滑鼠被拖到了第三個荧幕上,這是無窮無盡的,沒有什麼新鮮的。


三。曲線方法–曲線用於背景或塊分割,以消除矩形分割的剛性。

與直線相比,曲線具有圓度的特點,使人感到輕鬆愉快。增强視覺的同時也能營造活躍的氛圍。

上圖中,機器人產品在標識和公眾焦點地圖上均由曲線組成。在這種情況下,使用曲線分割背景和焦點是很自然的。圖片中曲線的合理運用也提高了層次感,機器人和紅色標題更加突出。

類比球的軌跡,貫穿整個頁面的曲線,讓用戶直觀地進入激烈的棒球比賽現場。看似隨機,實際上,標題、焦點地圖、新聞等板塊都是根據焦點按不同比例分割的。


4借用用法-從現實世界中借用,抽象出對象並抽象出背景的大輪廓

真實的東西能應用於網頁設計嗎?當然,只要你能。

如圖所示,信封是我們日常生活中常用的。這樣的日常用品都是從網頁上借來,在用戶面前展開,就像給你發的一封信。它立刻使人眼前一亮,並產生親密感。作為遊戲活動的佈告頁,白信紙也適合存放主要內容。

arrow
arrow
    全站熱搜

    bener0201 發表在 痞客邦 留言(0) 人氣()