計算機網頁設計佈局探討
作為網站構成的基本要素,網頁佈局在很大程度上影響著網頁的瀏覽量,當然也會影響整個網站的運營情況。隨著計算機以及網際網路在人們生活中的普及,網頁佈局也更加關注色彩、影象、圖示以及文字等方面的搭配問題,充分利用網頁空間,科學地進行佈局,才能夠製作出更加精美的網頁,使用者在瀏覽網頁的時候,才會擁有更好的體驗。
1、網頁設計中佈局的相關概念
1.1頁面尺寸
頁面尺寸的大小主要由顯示器的解析度和螢幕的大小決定,顯示器範圍的侷限性對於網頁設計來說是頁面最大的阻礙。不同品牌的顯示器,再製造過程中所使用的技術都不一樣,不同的研發團隊對於不同的顯示器設計都存在差異,也正是這些在顯示器設計方面的侷限性,使得人們只能根據現有的解析度不是很好的顯示器來進行網頁設計,這也造成了頁面尺寸大打折扣的不良局面,所以,一臺具有超高解析度的顯示器是設計出一個完美頁面的前提。
1.2整體造型
對實體物品進行構思,然後運用電腦技術在螢幕上搭建出簡單的物體形象,這是將物體從實物轉化成影象的一種形式。在設計影象的過程中,人們可以根據要求或者自己的想法,將圖形進行變形,從稜角分明的方形變成通體圓潤的圓形、橢圓形,或者將沒有層次的單一造型轉變成圖形同文字相結合的形式,用不同的層次感進行設計。
1.3頁頭
所謂頁頭,就是設計軟體中的頁首選項,它的作用有很多,但主要是被用作定義頁面的主題,人們可以很直觀地從頁首中找到自己想要的資訊,也可以通過頁首來理解作者想要表達的意思。在一個頁首中可以顯示出多個人名,這也大大方便了瀏覽者尋找關鍵資訊,減少了在頁面上盲目尋找的麻煩。
1.4文字
在資訊日益增多的現代化社會,為了方便不同人士不同行業的辦公以及工作任務的分配,文字被眾多人所應用,從中國人傳統的教育理念著手,用文字來代替沉重的書籍,符合了人們隨走隨記得特點,方便人們在不同環境進行閱讀。文字由於是文字在書籍方面的代替工具,因為它被設計出來後所需要的儲存空間非常小等特點,越來越受到不同年齡人群的喜愛,用很少的空間就可以儲存大量想要瀏覽的資訊,方便快捷。文字的設計起初存放位置受到限制,但隨著電腦技術的發展,文字已經可以隨意地放在頁面的任何位置。
1.5頁尾
首先有了放置站點主題的頁首,也就衍生出了可以修改和儲存文章作者或者不同公司文字資訊的頁尾位置。頁首和頁尾都是一個好的設計中不可缺少的部分。
1.6圖片
簡單而單純的文字已經很難讓現在的年輕人提起興趣,為了方便和吸引現代人去閱讀,各個大型的網頁中都會配上符合新聞資訊的圖片,不同型別的圖片給瀏覽者以視覺上的衝擊,也可以藉助圖片更好地表達文字中的含義,增強瀏覽者在讀取時的美感。
1.7多媒體
時間的推移促使了各種新型媒體的出現,人們通過聲音影象等手段將資訊更真實地表現出來,人們通過單純觀賞就可以獲取大量資訊,十分方便。多媒體手段可以更具體地提煉出一件事情的重點,從簡單的文字發展到真人形式進行資訊的傳播,這使得網站從單純的被觀看變成了“去講述”,給瀏覽者繪聲繪色,真情實感的享受。
2、常見的網頁設計佈局及其特點
2.1“同”字型
人們對資訊的需求量日益增大,簡短的介紹已經無法充實越來越多的瀏覽者的思想,所以“同”字型的網頁佈局應運而生,在這裡收納了不同行業不同方面的大量資訊,而為了方便在眾多的資訊中方便瀏覽者尋找自己需要的資訊,這類網頁上方也會設定分類的標題欄,其中既涵蓋了自己本網站的主題設計,也有不同商家投資宣傳的廣告標語,而且為了進一步強調也會在下面輔助上小標題。人們習慣於瀏覽一個頁面的中間位置,這也使得一個頁面的兩側被人們所忽略,作為僅有的宣傳資訊的頁面,網站設計人員自然不會放過這些邊邊角角的位置,這裡多會被填充上一些不是很重要的廣告或者站內的服務人員,多數為了吸引人還會以滾動、閃動的形式出現,當然,這些不重要的彈框是可以被關閉的。
2.2標題正文型
和“同”字型的頁面佈局不同,在這裡都是簡單清晰的中央分佈型別,去除了繁多動態的兩邊彈框資訊,在其他方面卻沒有什麼不一樣。這種頁面佈局方式,將重要的事件和一些實時動態類資訊放在中上的醒目位置,將一些瀏覽專案的分類放到中間位置,而在底部不會安排什麼重要資訊,有的也只是填充了一些設計者、設計事件等資訊,而在一個頁面的頂端多會附有實時天氣,滾動的實時動態標題等。
2.3綜合框架型
講述起來這種型別的設計無非就是給人以更多“規矩”的感覺,在內容方面也是將不同重點進行相應的排列,不同的上下位置分佈相應的資訊,唯一有區別的就是在設計頁面時將原有的白紙式頁面增添了邊框而已。
2.4封面型
從標題裡就可以看出,這種設計型別就像是大家的課本頁面一樣,主要的資訊很少,多數需要了解的資訊都會以超連結的形式出現,中間配上動態圖片或者變換顏色的文字,這種型別的設計多用於表現鮮明的個人特色,目的也僅僅是單純地吸引瀏覽者的眼球。
3、簡述
如何進行網頁設計的佈局在設計一個頁面之前,要對自己想要表達的想法進行規劃,如何分佈整個頁面,怎樣體現不同文字的價值才能吸引更多的瀏覽者去關注自己的頁面,這都是需要提前構思好的。在內容方面,不能僅僅是單純的文字或者簡單的插入圖片,要有重點分條分框地佈局整個頁面,時而緊湊時而稀疏,讓瀏覽者可以感受到能在這裡獲得更多有趣的資訊,不應該給人一種千篇一律的感覺。紅花要有綠葉配,適當的在關鍵位置新增“葉子”是增添頁面可觀性的一個好的思路。將美學運用到頁面的設計中去,用靈活的佈局增添美感,可以給瀏覽者以視覺上“饕餮盛宴”的更好感覺。
4、結語
隨著物聯網時代的到來,人們對網頁外觀、內容、實用性等方面的要求更多,為了能夠滿足人們的需求,為人們提供更加完善的服務,設計人員必須要掌握網頁設計的相關概念,並且能夠通過合理的運用設計方法,達到優化網頁質量與視覺效果的目的,該文對此進行了3個方面的分析,希望能夠為相關的設計人員提供一些建議和參考。
