中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

平淡無奇的設計終將會給淹沒,只有創(chuàng)新能屹立不倒

2021-04-06    分類: 網(wǎng)站建設

不想讓你的設計看上去軟塌塌的無骨感?重要的是摸清它的骨骼!網(wǎng)頁設計也有所謂的支撐其視覺效果的骨架,這個骨架在早期的網(wǎng)頁設計的視覺上是非常明顯的。盡管隨著網(wǎng)頁設計的發(fā)展,其骨架慢慢漸隱,但行家自有解剖眼光,看出內(nèi)在的門道,一起來學習。
設計的骨架:視覺解剖

隨著網(wǎng)頁設計的發(fā)展,其骨架也慢慢漸隱,但它依然發(fā)揮著支撐起整個視線框架。這里,有人會與柵格系統(tǒng)聯(lián)系起來。網(wǎng)頁的柵格系統(tǒng)更多發(fā)揮的是對齊元素的作用,而骨架的功能會更加籠統(tǒng)。
首頁的視覺骨架尤其重要,因為首頁承擔著網(wǎng)頁的第一印象,還主導著整個網(wǎng)站的風格方向,因此確定好首頁的視覺骨架,是設計最初最難明確的問題。很多設計師在設計最初所耗費最多時間,用于實驗各種頁面版式的類型以期最好的效果展現(xiàn),而事實上,最好其實是個偽命題,在有限的時間內(nèi),你需要做得就是找好自己的表達目標,每個頁面設置好一個視覺焦點,根據(jù)焦點來表達你的重點內(nèi)容。換句話說,你最希望用戶了解什么?這個問題的答案應該是要無比清晰的在大腦中伴隨設計全過程。
十字準星式:瞄準期待
人的視線總是集中在頁面中心,因此將焦點設置在中心位置最迎合視線的做法。例如將網(wǎng)站的簡介放置于頁面中心,為了讓頁面更豐富,可以增加大圖的背景加強表達的維度。十字線條經(jīng)過的地方即是視線引導的路徑,因此需要在線條的位置放上重要的元素。中心的位置其實也是一個期待點,瞄準視覺期待點,對設計師來說大的便利就是省力。

無論網(wǎng)頁的導航等其他元素放置于頁面的哪個位置(盡量圍繞線條經(jīng)過的方向),這兩個頁面都是屬于十字準星型的骨架結(jié)構(gòu),焦點始終位于正中,導航無論居于哪里,都屬于次要的視覺地位。

正中的地位帶來絕對的穩(wěn)定感,它也是設計師最容易做到的表達。這種骨架結(jié)構(gòu),相對比較穩(wěn)定,因此在需要在細節(jié)上營造一些驚喜,來打破這種相對靜止的版式。
 
垂直雙欄式:雙面一體
將一個網(wǎng)頁分成兩欄并不意味著均分,它們是按照垂直方向形成了兩列的不同布局。常見的的確是平均分配的表現(xiàn)情況,網(wǎng)頁的焦點內(nèi)容可以選擇任一側(cè),另一側(cè)作為補充。簡稱雙面一體是因為,你不能制造兩個焦點,分兩個部分,它們也應該共同營造一個焦點。
雙欄式的頁面設計表現(xiàn)比較靈活,通常會有一偏倚輕重這,樣就能確立好視覺焦點,形成對比,制造情景沖突。視覺重點在某一側(cè),利用背景色的不同加強視覺重量的對比。
 
兩列縮略圖垂直排列,讓版式活躍起來的方法就是增加某一處高度的不同,強調(diào)一點細微的變化。

網(wǎng)格式:有序與無序
這種骨架樣式通常是基于某一個網(wǎng)格而搭建內(nèi)容,網(wǎng)格的表現(xiàn)形式多樣,每個網(wǎng)格都用以展示不同的內(nèi)容,可以是比較規(guī)范的網(wǎng)格,也可以是錯落有致……雖說每個網(wǎng)頁都可以基于網(wǎng)格而設計,但是網(wǎng)頁的表現(xiàn)未必要嚴格遵循網(wǎng)格本身。
規(guī)范的網(wǎng)格通常比較傾向古典懷舊,它傳遞出一種相對嚴格的秩序之美。
相對有些錯落變換的網(wǎng)格,更具現(xiàn)代風格,規(guī)則與反規(guī)則的交錯。

動感傾斜式:墜落的騙局
傾斜的線條容易形成動感的張力,利用這一點所形成的視覺骨架就能很好表現(xiàn)與“運動”“沖擊力”等動感較強的內(nèi)容頁面。

斜向的頁面所制造的墜落式的沖擊力應該和配圖樣式相關(guān),因此對慎選斜向的配圖非常重要,尤其是當大部分圖片其實都只適合正向方向的展示。
這些所謂的骨架原理在于隱藏于表層下方的最基地的視覺結(jié)構(gòu),事實上,其他的元素通常并不嚴格局限于某個區(qū)域,這就讓頂層的枝葉更加豐富。
在我們著手進行頁面設計前,確定好一個視覺骨架的方向至關(guān)重要,這讓我們并不依賴于運氣去“撞”到某個好的表達,并且你也不需要單獨設定某個固定的骨架,還可以兩兩并用,一個網(wǎng)站有多個頁面,多個頁面都可以擁有不同的布局。同一個頁面,也會因為內(nèi)容的不同采用不同的視覺結(jié)構(gòu)表達。
下面這一個網(wǎng)頁里的多個頁面,每個頁面都根據(jù)不同的焦點表現(xiàn)形態(tài)選擇了不同的布局,骨骼總是為內(nèi)容而服務的。
后記
始終要承認的是,內(nèi)容應該是高于形式的,設計時的任何視覺骨架都是為內(nèi)容而服務的,因此內(nèi)容可以以任何外在的形式來表現(xiàn)。說了半天,盡管我們都在講“顏值”,其實還是那句“飽讀詩書氣自華”。

當前名稱:平淡無奇的設計終將會給淹沒,只有創(chuàng)新能屹立不倒
文章網(wǎng)址:http://m.rwnh.cn/news44/106544.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設、微信小程序外貿(mào)建站、網(wǎng)站策劃、網(wǎng)站導航、建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設
朝阳县| 雅安市| 德阳市| 盘山县| 青浦区| 丰都县| 锦屏县| 曲松县| 武胜县| 五寨县| 广宁县| 尼木县| 阜新市| 桃江县| 黑河市| 澄迈县| 东宁县| 北碚区| 新河县| 上饶县| 修文县| 平潭县| 扎赉特旗| 梅州市| 沧州市| 雷山县| 平舆县| 金湖县| 阳东县| 房产| 垫江县| 扎鲁特旗| 社会| 拜城县| 石狮市| 治多县| 安庆市| 惠东县| 蓬安县| 井冈山市| 巴林右旗|