當前位置:商標查詢大全網 - 培訓招生 - 北京電腦培訓分享網站設計中的盒子元素

北京電腦培訓分享網站設計中的盒子元素

當妳欣賞以下案例時,註意它們是如何以及為什麽使用矩形或正方形元素,會讓妳的思維開闊。北京計算機培訓中列出的方框元素,用於對齊、組織、裝飾和排列頁面上的正方形和圓形。在設計中使用盒子元素有很多方法和理由。下面我們來詳細了解壹下。

使用方框布局的目的是什麽?

也許這對妳來說有點哲學和理論。我們來看看別人選擇方形布局的原因。對了,我指的盒子也包括長方形,有些情況下也用長方形。使用該元素有兩個主要原因。首先,它有助於組織內容。其次,它還可以創造特殊的風格。它們是表達內心渴望和需求的完美元素。

看DennisAdelmann的作品,很明顯是用盒子元素來組織安排他的作品。這是壹個簡單的方法來組織任何數量的內容,並保持事情簡單。

但是看看網站WeLoveNoise,就完全不壹樣了!是的,到處都是方塊,移動鼠標還有有趣的動畫效果。然而,除了組織內容,妳會發現盒子元素也成為了設計風格的壹部分。它是這種風格的關鍵和決定性因素。

如何用好它們?

我覺得用方形元素並不難。尤其是網頁,從誕生之日起就開始使用盒子形狀來設計界面。但如果妳想更有效地使用它,請遵循以下步驟。

設定壹個期望的目標。

根據您想要實現的目標,頁面和塊會有很大的不同。壹旦妳確定了,方塊元素就能幫妳實現目標。妳用它來組織內容嗎?還是想給頁面增加壹些樂趣?

看看PaperandPaint他們使用方形元素來保持頁面有序,突出頁面獨特的流動性。當鼠標向下滾動時,每個框中不同的內容在視覺上滾動——這是壹個非常酷的效果——每個框告訴妳壹個獨特的故事,並聚集到整個頁面中。這些盒子元素的作用是保持各部分對齊,形成整潔的時尚,也為每壹頁創造不同的故事氛圍。

AnthonyJohnGroup使用盒子來顯示他們的項目和關鍵的公司信息,例如“幕後團隊”。首頁的規劃建設很棒,但也是緊密結合的。顯然,他們致力於創造像本頁壹樣優雅的高端建築設計。沒有這些方塊,就無法達到這個效果。

使用盒子來組織內容。

現在妳知道自己在追求什麽了——雖然幾乎是整合現有信息——妳就會接觸到內容組織。妳必須把內容分類。如何組織盒子中的信息——壹些盒子的內容會比另壹些多嗎?這對組織內容很有幫助。妳會到處玩,看看什麽有用,什麽沒用,看看什麽太多,什麽太少。我保證這不是什麽高超的技巧。其實不需要很直觀。大多數時候,很簡單——坐下來完成它。

註意上面的網站沒有,BlockLevel,盒子和盒子裏的圖標都是,只有圖標。這就是我所說的組織內容。BlockLevel的設計師特意在每個盒子裏只留了壹個圖標。接下來要考慮的是如何把調整後的內容放到壹個令人愉悅的設計中,這也正是我們接下來要講的內容。