技術(shù)資訊
從名片設(shè)計說網(wǎng)頁版式的細節(jié)
2008-03-18 16:24:00
記得國外牛人說過,網(wǎng)頁的設(shè)計95%都是排版的設(shè)計,我不知道具體有沒有那么夸張,但版式的重要性估計很多人都深有體會,可是由于現(xiàn)在很多的互聯(lián)網(wǎng)設(shè)計師在版式設(shè)計方面的素養(yǎng)并不太高導(dǎo)致了中文網(wǎng)站大多呈現(xiàn)亂,花。美觀其次的,主要是讓用戶在尋找想要的信息的時候花費過多額外的時間。
平面設(shè)計中版式入門就是名片設(shè)計,在99X55mm的里面將信息組織并且呈現(xiàn)出來,說難不難,做好了也不簡單。
我從網(wǎng)上搜出了兩張apple的名片,左邊的這張我認為是更早的設(shè)計,右邊的是新的設(shè)計:1 LOGO更加簡潔;2 字體的也選擇了細節(jié)更少的字體。
但從版式上來看,變化不大。
信息的要點
第一次拿到這個名片,用戶看到的肯定不是某個字,要點很簡單:1 公司LOGO;2 名字和職位;3 其他信息
從名片上看1、2、3的視覺要點很明顯,網(wǎng)頁的版式設(shè)計跟名片設(shè)計的原理一樣。用戶在瀏覽一個新的網(wǎng)頁的時候,瀏覽習(xí)慣是跳躍性的,速度非常地快,如果在版式設(shè)計的過程中,如果不能將信息要點讓用戶迅速地找到,這樣的設(shè)計不管色調(diào)怎么和諧,看上去感覺多么都好,都是糟糕的設(shè)計。
我對信息要點的想法:
1 一屏內(nèi)的頁面要點控制在3個以內(nèi),并且清楚要點的主次關(guān)系。
2 裝飾的元素需要理性地使用。什么是裝飾元素?色塊、花紋、圖標、線條等等。當你選擇要用到這些東西的時候,先想為什么,而不是“我感覺”、“因為這樣好看”,是否能用別的方式來達到一樣的目的。
3 減少要點周圍的干擾因素。要點的分布要掌握節(jié)奏,不要扎堆了,一段文字都加粗了跟沒有加粗的效果其實一樣,所以,要弱化要點周圍的信息。
控制并利用留白
在名片的設(shè)計中,留白的好壞直接影響名片的信息傳遞和美觀,段落與段落的距離,行與行的距離,字與字的距離,包括四周邊緣的空白距離,字的橫向排列形成線(行),線的縱向排列形成面(段),面的排列加上留白形成視覺的節(jié)奏、比例。他們都通過這樣的點,線,面劃分了整個畫面。是居中還是左對齊,留白的多少將會在潛意識里面告訴讀者什么重要,內(nèi)容的分類。
在網(wǎng)頁設(shè)計中是一樣的。
1 如果我們能讓字的排列形成線,那線是否就是多余的呢?
2 如果用文字段與段之間能將區(qū)塊劃分清晰,還需要用底色嗎?
3 一行字是否太長了不適合用戶閱讀?
4 一個段落是否因為行太多了造成閱讀壓力?
當然,也不是說不要用裝飾元素,裝飾元素從理性的方面看可以起到劃分區(qū)塊,突出要點的作用,另外,還有品牌識別的作用,但別讓這個成為使用它們的借口,有些時候沒有那些元素,一樣可以達到目的,比如flickr。
做視覺設(shè)計的并不是藝術(shù)家,不是感性的,更沒有什么“美工”之說。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站建設(shè) 搜索引擎 青島網(wǎng)頁制作 微網(wǎng)站 青島黃島、紅島網(wǎng)站建設(shè)公司 搜索引擎蜘蛛 程序開發(fā) 青島IT資訊 青島輪胎網(wǎng)站設(shè)計 青島網(wǎng)站營銷 微信小程序 青島SEO 英文網(wǎng)站建設(shè) 青島網(wǎng)站SEO 輪胎網(wǎng)站設(shè)計 集團官網(wǎng) 青島網(wǎng)站設(shè)計哪家好 網(wǎng)站建設(shè)的步驟有哪些 集團性網(wǎng)站 網(wǎng)站建設(shè),手機網(wǎng)站 插畫 集團公司網(wǎng)站建設(shè) 手機網(wǎng)站 舒適的界面 網(wǎng)站設(shè)計 企業(yè)網(wǎng)站設(shè)計 蘋果系統(tǒng) 力圖 青島網(wǎng)站制作 H5定制設(shè)計