分組與對比原則在網頁設計上的作用

俗話說,沒有對比就沒有傷害,而分組與對比原則也是網頁設計在日常工作中經常使用到的一種平面設計優化方法,今天我們就通過案例分析來了解一下,分組與對比原則的應用和注意事項。

1、分組原則

分組,顧名思義:將有關聯的元素物理位置上相互靠近,視覺上形成一個整體;而無關聯的元素物理位置上相互分開,視覺上呈現分割整體的效果,比如現實生活中常見的:

學校教室裡的課桌擺放,這裡可以理解為分別用到了對齊和分組的原則;對齊體現在橫向和縱向的位置關係,目的是為了體現整齊、統一;而分組則體現在教室中的這條「過道」,它將教室中原本密集的座位分佈劃分為兩個小區域,目的是增強教室整體的通透性、空間層次感,避免給人太過擁擠、密集的感受。(也有利於老師檢查作業)

結合現實中的案例,在文字排版中,分組一樣能起到很好的劃分、切割、整合信息的作用。

分組原則在文字排版中的實用性很高,分組即留白,留出來的是文案的喘息空間、是停頓點、是設計的專業,我們還應該注意:

一:分組即對信息的整合,除了物理關係,其文案的劃分也很重要,當文案與文案之間的關聯很強時,則可以將他們歸為一組。

二:設計中的文字排版要始終有分組的概念,具體分幾組要視情況而定,但是在一般情況下,文字排版分組少分為兩組,目的是為了提升文案信息閱讀的流暢性、以及避免造成壓迫感;而多不要超過四組,目的是分組過多會給人一種鬆散、不夠整體的感受。

三:當文案信息太少且又要兼顧分組時,可以藉助按鈕、裝飾元素、線條、形狀等等用於體現文字排版的層次和分組。

分組對於層次感和整合信息都有一定的幫助,但是還遠遠不夠,我們還要藉助對比原則進行更進一步的提升。

2、對比原則

對比,可以理解為「視覺反差」,目的是營造視覺感官上的變化,避免文字排版單調、主次關係不分明的現象出現;合理地運用對比原則,能很大程度上提升文案排版層次感以及設計感。而對比原則也能起到很好地整合文案信息的作用,也就是我們常說的放大、加粗、變色等等,其實就是在強調對比的重要性,凸顯主次變化

這些對比手法都可以用在文字排版中,目的是為了更好的體現層次變化,可以用一種,也可以用多種,但是要兼顧信息的流暢性以及可讀性,比如我們常說的,主文案要放大:就用到了大小對比的形式;重點文案加粗、變色:用到了顏色和粗細的對比形式;再比如在選擇字體時給與主要文案以特殊的字體形式:則用到了形態的對比;還有一些遊戲海報的設計中,大標題會做一些材質的區分等等,對比的目的是形成視覺反差,而視覺反差的目的則是讓用戶去注意那個與所有元素區別大的視覺點,進而起到了突出、強調的作用,而與此同時,層次的變化也得到了體現。


分享到:


相關文章: