石家莊網站建設,石家莊網站制作,首選新鑰匙建站。
分享到:

石家莊網站建設,石家莊網站制作

始于2007年,服務客戶2000多……
網站首頁 建站報價 建站流程 成功案例 最新資訊 常見問題 關于我們 服務項目 聯系我們
關于我們
關于我們
建站報價
建站流程
常見問題
服務項目
域名注冊 空間主機
網站建設 網站推廣
最新資訊
標題: 創建有效排版規則的八種方法+創建一個網站標題的7種提示
創建有效排版規則的八種方法+創建一個網站標題的7種提示
時間:2018-03-23 10:50      點擊:

  創建有效排版規則的八種方法

   今天我們要討論一些既是熱門趨勢又有永恒藝術的東西:印刷術。下面概述的基本規則將幫助您更好地了解如何在設計中構建和使用排版。

  意識到這些規則可以改善您創建的幾乎所有包含標題或主要版面元素的所有內容。讓我們開始吧!

  1.了解基礎知識

  你走向更有效的印刷術的第一步是學習一些關于藝術的知識。如果你不熟悉它的概念,你可能會認為印刷術必須是一個相當簡單的學科。當然,如果你知道字母表你贏得了一半的戰斗權嗎?剩下的就是改變它看起來有點像你自己的字體!事實上,印刷術是相當復雜的,并且是科學和藝術一樣。

  字體的解剖學涉及非常具體的專業術語,精確的測量和一般必須知曉和遵守的標準。正如許多形式的設計一樣,如果你知道它并且正在故意做出陳述,你只能違反規則。

  在線學習印刷術的最好的地方之一是I Love Typography,一個致力于美麗類型的博客。以下是來自ILT的圖像,展示您應熟悉的一些術語:

  正如你所看到的,快速制作漂亮的字母會變得復雜。上面的圖形在視覺上解釋這些術語方面做得非常出色,但這絕不是詳細列出您需要熟悉的術語和概念。例如,圖形中甚至沒有提到x-height,kerning和baseline等術語。為了更好地掌握所有這些內容,您應該花幾分鐘瀏覽印刷詞匯表。

  為什么?

  這個問題的答案是顯而易見的:“因為你是一個設計師!”如果你經常創造利用文字的設計,你是否正在研究印刷術。花一些時間學習基本原理將使你更加了解你選擇的字體的特點以及你使用字體作為藝術的方式。

  2.注意你的確定

  這篇文章并不是要對印刷術進行全面的研究,所以我不會詳細研究上面提到的每一個術語。然而,字距是許多新老設計師完全忽視的。我最近和一個主要的女性時尚網站的高級藝術總監討論了這個問題。唯一令她感到沮喪的是,她對設計師的壓力一直是缺乏努力的。

  它是什么?

  字距調整包括調整給定字體中兩個字母之間的間距。請注意,這是一個單獨的問題,它跟蹤的是同時調整所有字母之間的空格。您可能會認為像Adobe Illustrator這樣昂貴的程序會自動為您解決所有煩人的問題,因此這不會在您的藝術作品中出現問題。再想一想。看看下面的例子:

  如果你不習慣尋找字距問題,這些問題可能很微妙,但它們在那里。注意上面例子中的大寫字母“D”是如何從單詞的其余部分顯著突出的。默認情況下,許多字體,尤其是那些帶有明顯襯線的字體,可能具有不一致的字母間距。在段落或句子中這通常不是一個大問題,因為不一致的間距排列在較小的副本塊中。但是,當您只處理標題或徽標等單詞時,馬虎的字距問題可能會破壞整個美學。

  在處理Web字體和CSS時,Kerning問題會變得很復雜,但如果您在Illustrator,Photoshop等中將文本創建為圖形(用于打印或Web),則很容易解決。只需將光標插入兩個字符之間并使用該選項(PC = alt)鍵連同左右箭頭鍵調整間距。請記住,不要將注意力集中在字母之間,而是像字母之間的負距離。嘗試使這個空間在整個單詞或短語中在視覺上一致。

  3.注意字體通信

  字體選擇絕不應該是一個任意的過程。簡單地瀏覽整個圖書館,找到你喜歡的字體很少會產生有效的結果。原因是有一種固有的心理與某些類型的字體相關聯。為了明白我的意思,請考慮以下示例:

  如果你有洞察力,這些字體選擇看起來很差。原因在于字體選擇的視覺個性和與它們一起書寫的單詞之間存在重大的脫節。你幾乎永遠不會看到這位世界領先的終極格斗冠軍用漂亮的腳本字體驚呼。同樣的道理,你可能不會在你的婚禮請柬上使用Cooper Black。我們習慣于看到用于某些目的的不同類型的字體。

  每種字體都在意識層面和潛意識層面傳達某些屬性。兩個主要的交流領域是性別和時代。考慮下面的例子。

  注意頭兩個字體如何強烈地傳達特定的舊時代。同樣,接下來的兩種字體都具有強烈的相關性別特征。帶有硬邊緣的厚字體往往看起來更加男性化和男性化,而彎曲的薄字體顯得女性化和女性化。

  這一切似乎有點顯而易見,但是如果你能夠將這些知識從隱含和本能的部分或你的大腦中拿出來,并將其轉化為明確和有意的行動,那么你的印刷技術將會突飛猛進地發展。

  更多關于字體

  要詳細了解特定類型的字體,請查看Adobe的類型分類圖。

  4.對齊

  對齊是排版中一個非常重要的概念。出于某種原因,非設計師傾向于本能地對齊所有內容。在生活的某個地方,我們知道如果某件事情是以中心為中心的,那么它就是平衡的,因此更好。實際上,中心對齊是最薄弱的,最難讀取對齊,應該非常有選擇性地使用。

  上面的前兩段是左對齊的。這是我們習慣閱讀的方式,因為它通常是我們在書籍,雜志等中看到的格式。由于缺乏硬性優勢,中間對齊的段落更難以閱讀。每條線都沒有一致的起點或終點,所以你的眼睛需要花點時間適應每條新線。實踐中的差異很小,但原則上很大。

  這并不意味著您應該始終只使用左對齊。只要確保不斷問自己可讀性與您嘗試實現的特定審美有多重要。理想情況下,這些原則總是可以一起工作,但實際上他們往往是反對的力量,需要以某種方式進行妥協。

  另一件要注意的是混合對齊。無論您選擇哪種路線,都應盡量在整個設計中保持一致。在左對齊的副本上居中對齊標題通常(雖然不總是)合適,但在超出此范圍的情況下嘗試混合對齊可能會導致視覺混亂和混亂的頁面。

  有關字體對齊的更多信息,請查看下面的文章。

  為Web選擇類型對齊

  5.選擇一個好的輔助字體

  選擇主字體后,下一步是選擇其他字體來強調它。這與字體不符合主要選擇。

  上圖中的第一個示例有幾個問題。首先,選擇的字體類型非常差。支持字體比主字體更華麗(更難讀)。這減損了主要字體,應該避免。另外,即使第一個問題不是問題,兩種字體的厚度也非常相似以至于不能一起使用。盡管它們的風格截然不同,但它們的相似沖程重量并沒有在兩者之間提供足夠的視覺對比。

  第二張圖像使用更適合對比的字體,并使用更細,更簡單的字體作為子標簽。你的字體絕對不需要對比太多(這個效果在本例中是故意夸大的),只要確保它們足夠不同以防止視覺混淆,并且更重視主要字體。

  6.尺寸問題

  在我擔任設計師的六年中,我制作了大量的印刷促銷廣告。你很早就從宣傳材料中學到的東西之一是標題應該立即抓住讀者。在印刷世界中,你最多有一兩秒鐘就能吸引別人的注意力。如果你錯過了這個機會,你就失去了你的潛在客戶。

  這實際上意味著當你創建標題時,不要簡單地輸入它:設計它。考慮以下兩個例子:

  第一個標題要求你閱讀每個單詞以了解該消息的內容。所有東西都是相同的大小,寬度和顏色,從而不會強調任何部分的信息。“可以”一詞與“勝利”一詞在視覺上很重要。

  相比之下,即使它使用完全相同的信息,第二個標題仍然強大得多。我已經強調了那些不那么重要的單詞,并且真正地尖叫了那些單詞。第一標題的問題是觀眾必須愿意花時間閱讀。那么訣竅就是讓觀眾在看到標題后立即閱讀重要部分,就好像意外發生一樣。

  看第二個例子,你應該注意的第一件事是“贏”,接著是“巴哈馬”。在這一點上,如果你是目標受眾,我們激發了你的興趣,你更有可能采取看看這個消息是什么的時候。

  7.使用印刷術作為藝術

  停止將印刷術視為標題和正文,并開始將其視為設計元素。字體經過精心設計,因此具有美觀,可以成為您設計工具的寶貴資產。這當然遠遠超出了用字母構建面部。如果您想創建以印刷為中心的設計,請考慮如何將吸引人的類型合并為英雄。

  此外,永遠不要覺得你受限于現有字體的結構。展開字體形狀以適應您的需求。嘗試添加漩渦,紋理,斑點,斑點和其他任何你能想到的東西來增加類型的外觀。

  8.找到好的啟示

  學習創建有效和有吸引力的版式的最好方法是找到并研究一些現有的例子。以下是一些在線尋找靈感的精彩文章,但不要停留在那里。好的和不好的印刷術例子都是最接近的快餐聯合。隨時隨地了解別人正在做的事情,并思考它為什么似乎不工作的原因。

  打破常規

  請記住,這些規則只是為了幫助您創建出色的排版方式。一路上,你會發現你的一些最好的工作公然違反了本文中概述的一個或多個原則。正如我之前所說的,當你完全理解設計中的某個規則時,就是你有權打破它的時刻。只要確保無視不是隨意的,而是有目的地執行并實現特定的目標。

  創建一個網站標題的7種提示

  網站標題通常是用戶看到的第一件事。它可以制造或破壞用戶體驗,品牌等等!

  為了幫助保留用戶并讓他們在設計中不斷移動,您需要創建一個令人贊嘆的網站標題。而不只是在主頁上。在網頁設計的每一頁上。(請記住,大量用戶不會首先訪問您的主頁。)以下是您的操作方法。

  1.使用令人驚嘆的圖像

  一個偉大的形象永遠是第一印象。無論您選擇照片,視頻,動畫還是其他“藝術”元素,每個標題都應該帶有用戶想要查看的圖像。

  標題圖片不僅僅是一張漂亮的圖片。它是網頁上所有內容的入口,甚至可能是設計中更深層次的內容。

  單獨一個圖像是一個很好的起點,但您必須將其與其他元素配對才能真正充分利用內容。其他可能出現在標題中的元素包括:

  文字或標題

  標識或品牌標識

  按鈕或號召性用語

  導航元素

  搜索

  選擇尖銳,高分辨率的圖像,并為其他元素(如文本或按鈕)提供充足的對比度。人們喜歡看臉,所以請考慮讓人們使用或與您的產品或服務互動,如果可能的話。想炫耀你最新的投資組合項目?使用模型模板使其更有趣和吸引人。

  2.合并導航元素

  沒有理由必須將標題和導航視為單獨的元素; 它們通常是同一視覺概念的一部分。無論您喜歡全菜單導航還是從漢堡包圖標中彈出的東西,導航元素都應該是標頭設計計劃的一部分。

  當你在考慮標題和導航時,考慮一個粘滯的導航模式。即使用戶遠離主標題(可能是一個小導航欄或像全屏顯示一樣大),他們可以快速瀏覽網站設計。

  標題中的導航元素將執行您可能不期望的其他操作。由于這些文本或圖標通常較小,因此它可以幫助在頭文件中建立層次結構,向用戶顯示如何與設計進行交互。

  3.創建獨特的消息

  僅僅在標題中彈出一個很棒的圖像是不夠的。它說什么?

  考慮標題的消息如何傳達給用戶。

  它是否告訴他們該做什么或期望從頁面上的內容?

  是否所有元素都傳達了易于理解的單一統一消息?

  它是否讓用戶知道要在頁面上采取什么操作或在哪里點擊下一個?

  確保將多個元素組合在一起,以通過單個消息創建整體效果。

  4.嘗試超大版式

  石家莊網站建設超大的排版是將重點添加到標題的好方法。即使這些單詞是簡單的位置標識符,在用戶開始閱讀其他信息之前,使用粗體字可以幫助將眼睛畫到屏幕的頂部。

  盡管排版位置可能會有所不同,但請嘗試在報頭中粘貼兩個排版的基本位置。

  主頁選項更多排版或更具戲劇性的字體或與其他頁面不同的類型。

  所有其他頁面選項都帶有一個簡單的類型框架,它在所有內部頁面上都是一致

  5.考慮閱讀模式

  根據尼爾森諾曼集團的研究,在網站上閱讀往往會遵循三種不同的眼動模式。然后,所有這些閱讀模式都會根據用戶在閱讀時關注的任務進行調整,簡而言之,它是視覺流中的一組相關部分。

  這兩項關于用戶如何查看和消化內容的研究都很重要,因為它們可以幫助您了解如何以及在何處將元素放置在設計中,特別是標題中。

  最初,想想基本模式:

  F圖案:用戶在頂部讀取,然后在頁面的一半讀取,最后以F形狀垂直向左下方讀取。

  古騰堡圖:有四個活動區用于閱讀,從左到右從頂部的兩個水平止點開始,然后從右上角到左下角和底部。(形式az形狀。)

  Z-圖案:眼睛從左到右來回移動,并從設計的頂部到底部形成多個Z-圖案。

  將元素 - 尤其是關鍵元素 - 放置在常見閱讀模式中最熱門的區域,以實現最強大的用戶交互可能性。然后考慮用戶最可能接下來要看的位置 - 與剛剛消化的內容相關的操作。

  6.包含可點擊的元素

  您的網站標題圖片是否互動?它是否包含可點擊(或可點擊)元素以鼓勵用戶參與?

  標題可以是呼叫行為按鈕或簡單操作(如電子郵件地址收集表單)的理想位置。不要過度使用元素點擊,因為它可以消除整體信息,但是一個簡單的單動元素可以在設計的這個區域有效。

  不知道標題應包含哪些元素?考慮在整個設計中采用一個始終可用的按鈕(很像導航)的所需操作。購物車按鈕,帳戶信息訪問或聯系我們按鈕是很好的選擇。

  7.使用簡單層

  你如何將頭文件中提到的所有元素(或它們中的小群體)放在一起?訣竅是簡單的分層。最好的標題 - 讓用戶感受到的標題 - 看起來很簡單。它遵循設計理論的規則,并使用一個主導元素來吸引用戶并支持設計技術來幫助他們實現可行的目標。

  分層對象是實現這一目標的一種方法。

  不僅簡單的圖層可以幫助您為每個元素創建不同的空間,還可以為用戶提供視覺焦點。他們會知道從哪里開始設計,哪些元素值得他們關注,哪些元素可以剔除。

  第一次嘗試并不總是成功。通常需要多次修訂和測試才能創建一組有效協作的元素,并為頁面頂部的用戶帶來驚喜。

  結論

  雖然創建首頁標題往往是設計過程的最前沿,但對內部頁面的標題進行處理往往會在流程中丟失。“內部”頁面上的內容可能與主頁一樣重要,因為許多用戶會通過搜索進入您的網站設計,而不是輸入網址并遵循設計團隊設想的導航鏈接。

 

  獨立思考這兩種標題類型,共同實現設計和諧,統一和視覺效果,讓用戶在登陸頁面時獲得靈感。

感謝您對新鑰匙建站的一貫支持與關注!
新鑰匙建站提供:
域名注冊 | 空間主機 | 網站建設 | 網站推廣
業務(一)QQ:點擊這里給我發消息1351126800   業務(二)QQ:點擊這里給我發消息67030191   售后服務QQ:點擊這里給我發消息65724142
QQ不在線時請電話聯系  133 9303 5011 地址:石家莊市紅旗大街599號(紅旗大街南二環交叉口南行1000米路東西美花城4-B-403)(乘車路線)
© 石家莊網站制作,石家莊網站建設 2006-2014 新鑰匙網站建設 冀ICP備11004523號-1 網站地圖 推薦鏈接
福建麻将