網(wǎng)站設(shè)計(jì)

Website development

2017新的設(shè)計(jì)趨勢(shì)

發(fā)布時(shí)間：2017-10-09 10:46:13

QQ圖片20171009104035.png

每個(gè)設(shè)計(jì)師都喜歡每時(shí)每刻都違反規(guī)則。這個(gè)月的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)突出了一些叛逆的精神，看起來(lái)很神奇。

所有這些破壞設(shè)計(jì)的關(guān)鍵在于其余的界面很簡(jiǎn)單，實(shí)際上遵循規(guī)則。從沒有停留在其“容器”的文本中，將設(shè)計(jì)元素超大到奇數(shù)球幾何形狀，讓我們?cè)谝巴庾呗?..

這個(gè)月的設(shè)計(jì)趨勢(shì)如何？

沒有邊界的文本

有一段時(shí)間，網(wǎng)站設(shè)計(jì)中的每個(gè)元素都有自己的位置。這并不總是這樣。

更多的設(shè)計(jì)允許元件穿過平面并移動(dòng)到其他元件的空間中。這聽起來(lái)像是這些想法之一可能會(huì)非常錯(cuò)誤（可能會(huì)），但是這些網(wǎng)站表明，同時(shí)存在兩個(gè)空格的文本有些美麗。

有一些美麗的文字，同時(shí)生活在兩個(gè)空間

趨勢(shì)是跨越多個(gè)容器的文本元素，例如背景圖層和圖像的文本。它也可以應(yīng)用于將圖層部分地放置在兩個(gè)不同的盒子上，

它可以與任何大小和形狀，圖像或視頻的排版一起工作。一個(gè)一致的主題是，文本元素必須與背景元素具有很大的對(duì)比度，以便每個(gè)字母都保持可讀性。你可以從下面的例子中看出，字母不必在文字之間停止; 它可以垂直或水平分解。

這種治療背后的主要思想是將用戶吸引到具有完全意外的頁(yè)面中。這種風(fēng)格的字體就是這樣。

為了使其工作，將文本元素視為背景和圖像層上的單獨(dú)圖層。文本應(yīng)始終是重要的項(xiàng)目，以確保可讀性。堅(jiān)持易于閱讀的字體。設(shè)計(jì)的其余部分的簡(jiǎn)單性是使這項(xiàng)技術(shù)工作的關(guān)鍵。

2.比生命對(duì)象更大

超大的設(shè)計(jì)元素并不新鮮。但更多的設(shè)計(jì)正在采取日常元素，并以更大的生活方式展示他們，以吸引用戶的注意。

這是一個(gè)有趣的技術(shù)，需要很多關(guān)于圖像的細(xì)節(jié)。

它也采取正確的形象 - 并且是一個(gè)很好的眼睛來(lái)種植 - 使這項(xiàng)工作。

看下面的例子。如果有人告訴過你，屏幕上會(huì)裝滿一雙眼鏡，一張露臉的胡子或一只眼睛的視頻，你會(huì)想到這些概念的驚人成功？每一個(gè)都是一個(gè)很好的例子，它是一個(gè)非常意想不到的，原創(chuàng)的，有助于品牌和整體設(shè)計(jì)的消息傳遞的破壞方式。

超大型和大于生活設(shè)計(jì)元素的挑戰(zhàn)是創(chuàng)造平衡。大型物體需要充足的空間和平衡元件，使設(shè)計(jì)不會(huì)感到奇怪或刺激。西向傾斜在眼鏡圖像周圍有大量的空白; Famoustache使用明亮的色彩和有趣的排版來(lái)抵消“浮動(dòng)”動(dòng)畫胡子; DTSi使用大的文本和幾何形狀圖層來(lái)軟化眼睛視頻。

制作大于生命元素工作的關(guān)鍵是質(zhì)量。圖像和視頻必須是高分辨率。超大元素如果不是銳利和完美的焦點(diǎn)，就不會(huì)寬恕。您將需要高分辨率視頻，或者這種技術(shù)的照片和矢量元素。即使像一副眼鏡那樣簡(jiǎn)單的東西的照明和組成也必須被完全想到，使得它不會(huì)對(duì)屏幕上的用戶感到不舒服。

這樣的高度詳細(xì)的圖像對(duì)于向用戶提供信息是很好的 - 特別是對(duì)于用戶幾乎可以“觸摸”對(duì)象的電子商務(wù)，但是做得很好可能是棘手的。

空心形狀

設(shè)計(jì)師今年已經(jīng)愛上了幾何形狀。從形狀疊加到多邊形圖案，這個(gè)月度功能以形狀為中心幾次。而現(xiàn)在，設(shè)計(jì)師正在嘗試與他們一起新的東西，挖空出形狀。

對(duì)于徽標(biāo)，圖標(biāo)和幾何顯示，中空形狀是一個(gè)有趣的設(shè)計(jì)元素。一般來(lái)說(shuō)，它們本質(zhì)上非常簡(jiǎn)單，例如Bruderl使用的中空幾何體，但也可以承擔(dān)更復(fù)雜的角色，例如Borderfree的圖標(biāo)，其中包含更多細(xì)節(jié)。

空心形狀很有趣，因?yàn)樗鼈兛梢杂糜诳臻g來(lái)創(chuàng)建焦點(diǎn)

無(wú)論哪種方式，空心形狀都很有趣，因?yàn)樗鼈兛梢栽诳臻g中用于創(chuàng)建焦點(diǎn)，作為圖像上的疊加層或公司徽標(biāo)或品牌的一部分，或者兩者創(chuàng)建一組在整個(gè)設(shè)計(jì)中具有一致感覺的視覺效果項(xiàng)目。

為了充分利用中空形狀，創(chuàng)造出一種足夠厚的筆觸，可以在不同背景和不同類型的著色之上站立起來(lái)。雖然您可以創(chuàng)建自己的時(shí)髦形狀，如下面的一些，您也可以使用常見的元素來(lái)概述。

使空心形狀工作的是視覺興趣或識(shí)別，意味著形狀必須非常不尋常或完全清楚以吸引用戶的注意。考慮一些與某些填充物（如Cwart）平衡的空心區(qū)域的組合，以創(chuàng)造對(duì)比度和更多的興趣。

使用中空形狀設(shè)計(jì)的困難的部分是它們經(jīng)常感覺太輕，并且在其他設(shè)計(jì)元素附近丟失。形狀必須足夠清晰，足夠大，并且具有足夠的線條，以便在用戶遇到的每個(gè)尺寸上傳達(dá)意義。

設(shè)計(jì)規(guī)則是創(chuàng)建的起點(diǎn)。雖然您不希望忽略這些準(zhǔn)則 - 您終可能會(huì)遇到設(shè)計(jì)破壞這里的規(guī)則，并且可以幫助您創(chuàng)建特殊的內(nèi)容。

只要記住，謹(jǐn)慎使用這個(gè)想法，并明白它對(duì)于每個(gè)項(xiàng)目都不起作用。你認(rèn)為這些違規(guī)的趨勢(shì)是什么？

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7299,0.html

上一篇：網(wǎng)頁(yè)設(shè)計(jì)中內(nèi)容強(qiáng)化功能事例二

下一篇：強(qiáng)大的SEO幫助您的網(wǎng)站轉(zhuǎn)換更好

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理