網上關於設計組合的討論很多，各大產品的使用也不盡相同，但符合各自產品的定位。 只要產品模組中有饋流，就會涉及到組合設計，怎麼設計就更合理了。 討論最多的是使用者的閱讀順序，這確實是乙個非常關鍵的原因，但如果用閱讀順序來解釋，不符合順序的設計也不是沒有道理的。
就像男人看女人的順序，臉，胸，腿，還有，**和女人看男人的順序相反，身高往往是第一印象，髮型是否蓬亂，衣服是否髒兮兮的，再到外表，如果有追隨者，就看言行的細節了。 為什麼人與人之間的差距這麼大？ 閱讀順序對於設計師來說也太難了。 其實閱讀順序可以通過設計細節來指導，我們先來看看結合設計的幾個序列。
* 設計型別。
*設計順序不超過4種，左圖右文字，左圖右圖，上圖下，上圖下，上圖和下圖。不同的產品根據其表達的重點的不同選擇進行排列。
左圖右文字：視覺重心是**，對**的要求略高，**無法吸引使用者，可能會對轉化產生一定影響。 使用者在看到標題之前會優先考慮對圖形的反饋，因此 ** 具有代表性。 最適合的商品型別是具有商品屬性，使用者的視覺焦點首先看到產品**; 然後是最常用的社交產品，頭像作為辨識度極強的載體，容易崩潰就像換頭像的同學。 可見，左圖右文字設計優勢明顯，適合的產品場景也明顯。
左文字右圖：視覺重心還是**，但使用者的閱讀順序是從左到右，先看標題文字，如果標題不吸引人，使用者看到**有吸引力，也會產生二次轉化，真正轉化的前提下一定要對使用者感興趣。 因此，這種設計方法特別適合資訊推薦流，但它特別適合，並不是說資訊產品不能以其他方式使用。 其實具體還是由設計細節來權衡的，下面就對設計細節模組進行總結，然後詳細描述。
作為另一種不同於左右結構的設計形式，在多張圖片、大圖片、**的封面設計中最多，聚焦**的視覺水平變高，***的***不好，對是否引導使用者有閱讀興趣影響很大。 **勢必被賦予更重要的含義，很多核心標題都在封面上表達出來。 更適合視訊相簿、藝術欣賞、**等各類產品設計。 **質量很高，欣賞力也很強。
下圖：使用者的閱讀順序是從上到下，與上圖下面的設計相比，標題被使用者優先閱讀到更高層次，但標題不是唯一的決定因素，也會受到**的影響，因為大圖的呈現往往是整個螢幕， 佔據比重較大，對使用者的視覺衝擊力比較大。好處是標題內容吸引了使用者，佔據了使用者的心智模型，會產生先入為主的優勢。 這種設計非常適合資訊文章中的多圖、短**和大圖演示產品。
使用者的閱讀順序。
古騰堡圖：古騰堡圖，也稱為對角平衡，基於約翰內斯·古騰堡的古騰堡圖。 在這種模式下，眼睛通常從左上角瀏覽到右下角，注意力不集中的右上角和左下角稱為視覺盲點。 閱讀重力是由於注視趨向於從上到下，從左到右的眼運動規律，左上角是第乙個視覺落腳點，右下角是最終的視覺立足點，所以右上角和左下角都是很強的視覺盲點區域， 其中大多數很容易被忽視。古騰堡圖表傾向於顯示使用者的眼球運動，反映設計層次結構的重心。
F形：Web可用性大師Jakob Nielsen在2024年提出了F形視覺模型，指出在第乙個**頁面上，使用者的視線將呈現F形，從頂部開始，從左向右水平移動，目光將從左向右開始看，但長度會相對較短， 以較短的長度向下掃瞄以形成 F 形。許多頁面都有熱圖和可驗證的，但我們發現 F 形狀的閱讀順序很容易受到設計層次結構和對 Web 端的偏見的影響。
Z型：移動端經常遇到雙列資訊流設計，眼睛從左向右移動，視線移到右上角後斜向下走，然後視覺再次向右移動，視覺運動的軌跡就像字母Z形。 Z形造型趨向於移動端，雙柱**組合的設計型別，使用者的視線來回切換，會對沉浸式體驗產生一定的影響。
影響設計的因素。
從四種設計與使用者閱讀順序的結合中發現，使用者閱讀順序的影響並不侷限於這些原則。 這些原則太容易被設計細節的引導改變所打破，同樣的左圖和右圖，設計導語形式的改變，都會影響使用者的閱讀順序。 比如我們設計為左圖右文字的形式，左邊的**加圓角、縮小比例、間距放大、卡片設計等，可能會影響資訊層次的順序。 總結了以下影響視覺層次結構的設計詳細資訊。
卡片：卡片設計可以使資訊層次結構脫穎而出，瞬間脫穎而出。 受其他資訊干擾的層次大大減少，移動橫幅設計中周邊卡片的形式更加獨立，其次是橫幅卡片的層次結構，但如果卡片設計為兩列，則會呈現上面的Z形布局。
空白：饋流之間的空白，在視覺順應的基礎上，留白越多，資訊呈現的轉換效果越好，受干擾的影響越小。 這裡的空白多表現為上下隔斷之間的空白，空白越大，單條資訊的沉浸感越強。
比例：**佔據比例的大小，反饋使用者視覺焦點的比例。 **尺度越大，對使用者的視覺負擔越重，對文字的影響越大。 華麗唯美的圖集可以直接切到內容的重心，**比例越大才能突出優勢，否則就要降低比例，突出內容。
字型：**結合上面提到的**文字，文字排列的大小，顏色和對齊方式會導致不同的視覺呈現。 還有一些方法可以通過新增注釋來加強使用者對內容的理解，**表達強烈的視覺衝擊力，**背後的故事**可以通過注釋更多地帶入。
線：線用作最常用的分段上下文的分界線。 少用，整個介面會顯得傻乎乎的，難以區分。 如果你使用更多，它會顯得太重，不夠簡潔。 因此，線條一直是設計中最具挑戰性的元素之一。 橫幅線分界線的阻擋力比較強，欄目意思比較強; 兩側有間隙的分界線加強了並置的連續性; 留下**只劃分文字區域，提高使用者的引導屬性; 橫幅末尾的行首有乙個間隙，將使用者的行動強化為細節。
圓角：圓角在設計中越來越多地被引用，使用圓角更友好。 因為人眼往往更容易處理圓角，直角更銳利，生活中有很多拐角容易磕碰，現代家居需要倒角。 使用者更容易接受圓角，這似乎代表了設計細節。 直角傳遞到凝視是靜止的，而圓角使直接凝視傳輸更容易。
互動式：在源流的設計層次結構中，存在較小的元素，例如評論、共享、作者資訊等。 但它扮演著互動引導最核心的作用，內容裂變的價值在於互動傳播的產生。 使用者的互動行為也需要以設計為指導，這樣才能突出設計的意義。
寫在最後。 使用者眼球運動的閱讀順序受到設計呈現的視覺重心的限制。 ** 設計形式的組合不超過4種，利用使用者的閱讀順序，通過設計細節的變化，改變視覺重心的引導層次，使產品體驗設計更符合產品定位，傳遞給使用者的資訊更加完善。
本文為vv體驗原創，請勿擅自發布，謝謝。
為什麼有些人忍不住搖晃著腿？
偵探柯基 , 個為什麼 第 期。.有助於集中注意力。腿部顫抖可能是由於需要集中注意力引起的。小的身體動作可以幫助乙個人集中注意力。例如，當人們想到乙個特別困難的問題時，他們會在房間裡踱步，在辦公室的小隔間或工作站裡不自覺地搖晃雙腿。此外，控制認知和運動功能的大腦區域相互重疊，這表明人們在做一些身體活...
夫妻“擁抱”，女人為什麼忍不住踮起腳尖？
毫無疑問，愛情是美好的，無論是發生誰，愛情本身都是一種幸福美好的存在。我們都希望自己能遇到或繼續保持這樣美好幸福的事情。當愛已經發生在我們身上時，我們珍惜反思 當愛情尚未到來時，我們用羨慕的眼光看著別人。在觀察別人的愛情，回憶自己的愛情時，我們會發現夫妻之間會相處融洽，並產生很多以前沒有注意過的小動...
為什麼騎電單車時忍不住射精？
十幾歲的時候，我發現在澡堂裡洗澡，讓湍急而猛烈的水衝擊某個部位會很舒服。所以總是有非常頻繁的洗澡。但當時，我不明白為什麼。後來，當我和宿舍朋友分享這個獨特的秘密後，我發現這不是乙個密碼，其實大家都已經做到了。所以！很多你覺得很特別很個人化的事情，也許也有很多知己。知乎上有人說起了他和電單車之間的故事...
為什麼女孩接吻時忍不住伸出舌頭？
接吻是人類表達情感和愛的一種方式，當人們接吻時，會釋放出一種類似於激素的化學物質 多巴胺，可以刺激人的慾望和快感，讓人感到愉悅。但為什麼女生接吻時總是伸出舌頭呢？這個問題太有意思了，我們來仔細看看。一 舌頭在接吻中的作用 接吻時，雙唇會壓在一起，牙齒也可能接觸。這種刺激會引起和快感，並促使身體產生一...
為什麼品牌總是讓我們忍不住買單？
品牌本身不是商品，它甚至沒有物理實體，看得見摸得著。為什麼這種 虛擬 的存在總是讓我們忍不住為此付出代價？說到家喻戶曉的可口可樂，自該品牌於 年成立以來，配方的秘密已經保留了 多年，並由公司的三位高管單獨儲存。如果真的有人偷了可口可樂的配方，就能殺了可口可樂？答案是 沒有。可口可樂前總裁伍德拉夫曾說...