成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)頁設計中如何為Web設計可讀內(nèi)容

2022-06-28    分類: 網(wǎng)站建設

網(wǎng)站建設不僅僅是讓東西看起來很棒。您必須創(chuàng)建一個人們將實際閱讀的設計,并幫助他們參與內(nèi)容。有時候,說起來容易做起來難。
人們通常關注的時間很短,你不應該指望他們消化屏幕上的每一個字。但是,您可以使用某些設計技術和元素來幫助用戶盡可能多地閱讀。

下面創(chuàng)新互聯(lián)成都網(wǎng)頁設計公司帶你來了解下:


用尺寸和比例建立層次結構
可讀設計從多層次的文本開始。建立思想等級可以幫助用戶瀏覽文本。
較大的尺寸是一種視覺提示,它告訴用戶首先閱讀某件事物,因為它是最重要的。大多數(shù)用戶的眼睛自然會從較大的元素移動到較小的元素,從而創(chuàng)造出一個很好的視覺流。
大多數(shù)用戶的眼睛自然會從較大的元素移動到較小的元素,從而創(chuàng)造出一個很好的視覺流。
充分利用設計中的H2,H3和H4標簽,并為可用于分割大塊文本的小標題創(chuàng)建一致的縮放比例。
使用一致的文字展示位置和尺寸創(chuàng)建比例尺可以讓用戶更輕松地瀏覽文本。對于長篇內(nèi)容和主頁上的短內(nèi)容(例如上面的敘述)都是如此。
請注意主頁如何在英雄區(qū)域中有四個不同級別的文本。上面有一個很大的標題,上面有一小段代碼。然后,主體內(nèi)容的風格具有更加強調的粗線。大多數(shù)用戶會按照以下順序看到這些字詞:標題,粗體文本,正文文本,由于字體的重量,大小和規(guī)模而產(chǎn)生的標題摘錄。

選擇可讀字體


盡管有趣的新穎字體或精心制作的腳本可能會帶來很多樂趣,但它并不總是最終用戶的選擇。
可讀字體最可能實際讀取。
原因如下:
高度可讀的字體更易于掃描。
Letterforms很容易看到不同的尺寸。
字母不能一起運行或產(chǎn)生尷尬的空間或形狀。
這些字體通常用于用戶,并且很容易。(甚至類似的字體,但不是來自同一個家庭的字體,大多數(shù)用戶都很熟悉。)

可讀字體的特征包括:


標準重量 - 不要太厚或太薄
常見的x高度 - 不要太短或高
更圓的字母 - 使“o”具有圓形
輕微或沒有傾斜
不太接近或相距甚遠的字母
看看這些特征,你可以看到幾乎任何類型的類別都可能包含可讀的選項。您不必僅僅依靠襯線或無襯線; 其他字體的混合實際上是好的。只要確保測試我們計劃在該字體中使用的詞語,以確保它們易于閱讀。
掃描人員的堆棧內(nèi)容

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


如果用戶在屏幕上看到文本塊和圖像,則圖像幾乎總是首先引起他或她的注意,因此堆疊元素非常重要,這可以幫助用戶從圖像移動到圖像到文本。
上面的新西蘭Alzheimers公司使用堆疊技術將用戶轉到主要標題。請注意文本如何與三個人一起定位在圖像的中心。你的眼睛會首先進入臉部,但隨后會進入內(nèi)部帶有文字的微妙動畫圈。然后,他們的目光轉向更小,更次要的文本塊。
事情就是這樣:當你第一次看到你可能沒有想過的圖像時,所有這些發(fā)生得如此之快。大多數(shù)用戶在決定是否與內(nèi)容交互時以相同的方式掃描整個屏幕。
播放視覺效果
通過將視覺效果與其他元素進行整合來實現(xiàn)更逼真的設計。
真的想確保用戶看到你的內(nèi)容?以有意義的方式整合文本和視覺效果。創(chuàng)建一個英雄圖像,使用有趣的視覺,不尋常的顏色配對或動畫和文字的組合使用戶暫停。
設計師有時犯的錯誤是將每個元素分離到自己的盒子或空間中。通過將視覺效果與其他元素進行整合來實現(xiàn)更逼真的設計。
上面的Octavo Designs有一個你無法避免被吸引進去的主頁。對于初學者來說,在明亮的彩色背景上有一頭非常有趣的牛。文字是圖像的一部分。(它實際上觸及了頂部的牛角。)這種視覺效果和文字結合將用戶吸引到內(nèi)容中,讓他們更想要更多。
保持線條(和思想)簡短
在規(guī)劃設計時,請考慮短時間爆發(fā)。每個頁面或屏幕應集中在一個簡單的思想和簡單易讀的文本塊上。
以鼓勵閱讀的方式為用戶構建和組織思想:
使用一到三個句子段落
合并項目列表
使用小標題分割大塊文字
包含交互鏈接
突出顯示或大膽的關鍵點
為了清晰和簡潔,編輯所有副本

創(chuàng)建一個焦點


每個設計都應該有一個焦點。焦點是幾乎每個用戶都會首先看到的設計的一部分。它通常具有高度的視覺效果,或與屏幕上的其他元素形成鮮明對比。
協(xié)調中心應該確定設計的內(nèi)容以及用戶應該關心的原因。
在上面的例子中,Abingworth使用亮粉紅色斑點作為焦點。它由于顏色和好奇(它是什么?)而引起注意,因為它與屏幕另一側的白色開放空間形成對比。
設計的重點應該是你最好的形象,插圖或動畫,并與關鍵信息相關。協(xié)調中心應該確定設計的內(nèi)容以及用戶應該關心的原因。因為這是用戶看起來的第一個地方,它為他們?nèi)绾危ㄒ约叭绻┡c設計交互設定了基調。
結論
創(chuàng)建用戶實際閱讀的內(nèi)容不僅僅是屏幕上的文本。它將書寫和視覺元素結合在一起,吸引用戶,幫助他們了解設計的內(nèi)容,然后決定與其保持交互。

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


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)
標簽:重慶網(wǎng)站建設公司成都網(wǎng)頁設計公司,成都網(wǎng)站設計公司,網(wǎng)站建設 成都,成都 網(wǎng)站建設成都企業(yè)網(wǎng)站建設,營銷型網(wǎng)站建設,網(wǎng)站建設設計,網(wǎng)站開發(fā),網(wǎng)站制作設計

新聞名稱:網(wǎng)頁設計中如何為Web設計可讀內(nèi)容
本文鏈接:http://jinyejixie.com/news/172672.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設、建站公司、外貿(mào)建站、網(wǎng)站內(nèi)鏈電子商務、虛擬主機

廣告

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

小程序開發(fā)
台东县| 吉首市| 和田县| 建昌县| 古田县| 得荣县| 都江堰市| 临江市| 汪清县| 伊春市| 潜山县| 赣州市| 同仁县| 三原县| 安阳市| 永宁县| 武平县| 色达县| 沈阳市| 蓝山县| 苍溪县| 阜新| 普兰店市| 邵阳县| 洛宁县| 合作市| 新化县| 梓潼县| 泾阳县| 蒙自县| 安宁市| 仁化县| 隆回县| 公安县| 浮梁县| 平顺县| 温宿县| 龙山县| 安泽县| 澄城县| 宝应县|