四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 建站知識(shí)
網(wǎng)頁(yè)設(shè)計(jì)中如何為Web設(shè)計(jì)可讀內(nèi)容

2018-02-23

3434

設(shè)計(jì)內(nèi)容不僅僅是讓東西看起來(lái)很棒。您必須創(chuàng)建一個(gè)人們將實(shí)際閱讀的設(shè)計(jì),并幫助他們參與內(nèi)容。有時(shí)候,說(shuō)起來(lái)容易做起來(lái)難。

人們通常關(guān)注的時(shí)間很短,你不應(yīng)該指望他們消化屏幕上的每一個(gè)字。但是,您可以使用某些設(shè)計(jì)技術(shù)和元素來(lái)幫助用戶盡可能多地閱讀。


下面縱天廣州網(wǎng)頁(yè)設(shè)計(jì)公司帶你來(lái)了解下:


用尺寸和比例建立層次結(jié)構(gòu)

可讀設(shè)計(jì)從多層次的文本開(kāi)始。建立思想等級(jí)可以幫助用戶瀏覽文本。

較大的尺寸是一種視覺(jué)提示,它告訴用戶首先閱讀某件事物,因?yàn)樗亲钪匾?。大多?shù)用戶的眼睛自然會(huì)從較大的元素移動(dòng)到較小的元素,從而創(chuàng)造出一個(gè)很好的視覺(jué)流。

大多數(shù)用戶的眼睛自然會(huì)從較大的元素移動(dòng)到較小的元素,從而創(chuàng)造出一個(gè)很好的視覺(jué)流。
充分利用設(shè)計(jì)中的H2,H3和H4標(biāo)簽,并為可用于分割大塊文本的小標(biāo)題創(chuàng)建一致的縮放比例。

使用一致的文字展示位置和尺寸創(chuàng)建比例尺可以讓用戶更輕松地瀏覽文本。對(duì)于長(zhǎng)篇內(nèi)容和主頁(yè)上的短內(nèi)容(例如上面的敘述)都是如此。

請(qǐng)注意主頁(yè)如何在英雄區(qū)域中有四個(gè)不同級(jí)別的文本。上面有一個(gè)很大的標(biāo)題,上面有一小段代碼。然后,主體內(nèi)容的風(fēng)格具有更加強(qiáng)調(diào)的粗線。大多數(shù)用戶會(huì)按照以下順序看到這些字詞:標(biāo)題,粗體文本,正文文本,由于字體的重量,大小和規(guī)模而產(chǎn)生的標(biāo)題摘錄。


選擇可讀字體


盡管有趣的新穎字體或精心制作的腳本可能會(huì)帶來(lái)很多樂(lè)趣,但它并不總是最終用戶的最佳選擇。

可讀字體最可能實(shí)際讀取。

原因如下:

高度可讀的字體更易于掃描。
Letterforms很容易看到不同的尺寸。
字母不能一起運(yùn)行或產(chǎn)生尷尬的空間或形狀。
這些字體通常用于用戶,并且很容易。(甚至類似的字體,但不是來(lái)自同一個(gè)家庭的字體,大多數(shù)用戶都很熟悉。)


可讀字體的特征包括:


標(biāo)準(zhǔn)重量 - 不要太厚或太薄
常見(jiàn)的x高度 - 不要太短或高
更圓的字母 - 使“o”具有圓形
輕微或沒(méi)有傾斜
不太接近或相距甚遠(yuǎn)的字母
看看這些特征,你可以看到幾乎任何類型的類別都可能包含可讀的選項(xiàng)。您不必僅僅依靠襯線或無(wú)襯線; 其他字體的混合實(shí)際上是好的。只要確保測(cè)試我們計(jì)劃在該字體中使用的詞語(yǔ),以確保它們易于閱讀。

掃描人員的堆棧內(nèi)容


堆疊內(nèi)容可以追溯到層次結(jié)構(gòu)。但有了額外的元素 - 在堆疊內(nèi)容時(shí)考慮文本和非文本元素。


如果用戶在屏幕上看到文本塊和圖像,則圖像幾乎總是首先引起他或她的注意,因此堆疊元素非常重要,這可以幫助用戶從圖像移動(dòng)到圖像到文本。

上面的新西蘭Alzheimers公司使用堆疊技術(shù)將用戶轉(zhuǎn)到主要標(biāo)題。請(qǐng)注意文本如何與三個(gè)人一起定位在圖像的中心。你的眼睛會(huì)首先進(jìn)入臉部,但隨后會(huì)進(jìn)入內(nèi)部帶有文字的微妙動(dòng)畫圈。然后,他們的目光轉(zhuǎn)向更小,更次要的文本塊。

事情就是這樣:當(dāng)你第一次看到你可能沒(méi)有想過(guò)的圖像時(shí),所有這些發(fā)生得如此之快。大多數(shù)用戶在決定是否與內(nèi)容交互時(shí)以相同的方式掃描整個(gè)屏幕。

播放視覺(jué)效果

通過(guò)將視覺(jué)效果與其他元素進(jìn)行整合來(lái)實(shí)現(xiàn)更逼真的設(shè)計(jì)。
真的想確保用戶看到你的內(nèi)容?以有意義的方式整合文本和視覺(jué)效果。創(chuàng)建一個(gè)英雄圖像,使用有趣的視覺(jué),不尋常的顏色配對(duì)或動(dòng)畫和文字的組合使用戶暫停。

設(shè)計(jì)師有時(shí)犯的錯(cuò)誤是將每個(gè)元素分離到自己的盒子或空間中。通過(guò)將視覺(jué)效果與其他元素進(jìn)行整合來(lái)實(shí)現(xiàn)更逼真的設(shè)計(jì)。

上面的Octavo Designs有一個(gè)你無(wú)法避免被吸引進(jìn)去的主頁(yè)。對(duì)于初學(xué)者來(lái)說(shuō),在明亮的彩色背景上有一頭非常有趣的牛。文字是圖像的一部分。(它實(shí)際上觸及了頂部的牛角。)這種視覺(jué)效果和文字結(jié)合將用戶吸引到內(nèi)容中,讓他們更想要更多。


保持線條(和思想)簡(jiǎn)短

在規(guī)劃設(shè)計(jì)時(shí),請(qǐng)考慮短時(shí)間爆發(fā)。每個(gè)頁(yè)面或屏幕應(yīng)集中在一個(gè)簡(jiǎn)單的思想和簡(jiǎn)單易讀的文本塊上。

以鼓勵(lì)閱讀的方式為用戶構(gòu)建和組織思想:

使用一到三個(gè)句子段落
合并項(xiàng)目列表
使用小標(biāo)題分割大塊文字
包含交互鏈接
突出顯示或大膽的關(guān)鍵點(diǎn)
為了清晰和簡(jiǎn)潔,編輯所有副本


創(chuàng)建一個(gè)焦點(diǎn)


每個(gè)設(shè)計(jì)都應(yīng)該有一個(gè)焦點(diǎn)。焦點(diǎn)是幾乎每個(gè)用戶都會(huì)首先看到的設(shè)計(jì)的一部分。它通常具有高度的視覺(jué)效果,或與屏幕上的其他元素形成鮮明對(duì)比。

協(xié)調(diào)中心應(yīng)該確定設(shè)計(jì)的內(nèi)容以及用戶應(yīng)該關(guān)心的原因。
在上面的例子中,Abingworth使用亮粉紅色斑點(diǎn)作為焦點(diǎn)。它由于顏色和好奇(它是什么?)而引起注意,因?yàn)樗c屏幕另一側(cè)的白色開(kāi)放空間形成對(duì)比。

設(shè)計(jì)的重點(diǎn)應(yīng)該是你最好的形象,插圖或動(dòng)畫,并與關(guān)鍵信息相關(guān)。協(xié)調(diào)中心應(yīng)該確定設(shè)計(jì)的內(nèi)容以及用戶應(yīng)該關(guān)心的原因。因?yàn)檫@是用戶看起來(lái)的第一個(gè)地方,它為他們?nèi)绾危ㄒ约叭绻┡c設(shè)計(jì)交互設(shè)定了基調(diào)。


結(jié)論

創(chuàng)建用戶實(shí)際閱讀的內(nèi)容不僅僅是屏幕上的文本。它將書寫和視覺(jué)元素結(jié)合在一起,吸引用戶,幫助他們了解設(shè)計(jì)的內(nèi)容,然后決定與其保持交互。

雖然聽(tīng)起來(lái)很多,但這一切都發(fā)生在毫秒級(jí)。有研究表明,大多數(shù)用戶對(duì)金魚的注意力都在8秒之內(nèi) - 在那些容易閱讀的內(nèi)容中充分利用時(shí)間。


本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 廣州,廣州 網(wǎng)站建設(shè),廣州企業(yè)網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),廣州網(wǎng)站開(kāi)發(fā),網(wǎng)站制作設(shè)計(jì)

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問(wèn)通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
大关县| 玉溪市| 九寨沟县| 喜德县| 奉新县| 奉化市| 于田县| 淳安县| 东城区| 丰顺县| 滁州市| 牟定县| 建平县| 六盘水市| 象山县| 从化市| 黄大仙区| 锦屏县| 西城区| 乌拉特中旗| 潼南县| 武强县| 涿鹿县| 宿州市| 平阳县| 乐安县| 卢湾区| 邹平县| 边坝县| 临洮县| 乌兰县| 宾阳县| 余江县| 桂平市| 潍坊市| 江西省| 平邑县| 阳原县| 托里县| 武山县| 隆林|