武汉营销型网站设计的首页重要性不言而喻,对于访问用户的来说,通常会在一分钟浏览完成整个网站的浏览,而文字和图片是最为重要的两个组成元素,不要小看这个两个常见的元素,在设计中,有着许多技巧,假如善于应用,合理的展现出来,会让网站首页独具风格,有效提升用户体验,具体而言最大标题和最大的图与最小正文字体和图片大小之间的比率。文字有大有小,图片有大有小,二者之间巧妙的结合起来,会让文字和图片“活”起来,而对于用户而言,对网站首页下意识的一览无余,这种强烈的对比效果,充分展示网站设计的超高水准。
1.文字和图片的比例
文字和图片的比例,就是在网站首页中,文字占据的整个版面和图片占据整个版面的比例,具体来说,如果首页全部是文字,则显得非常枯燥,如果网站全部由图片构成的,则显得太过花哨。现实中,首页都是文字或都是图片很难见到的,而二者之间占据多少最为合适,现在网站设计公司对网站的首页设计倾向是,多运用图片,少加点文字,但也不能全部忽视文字的力量,虽然有些时候,图片是无声的语言,但是配上超强的文字说明,更胜文字一筹,一般情况下, 网站首页设计图片占据70%,文字占据30%,根据具体情况,二者之间可能有所偏差。具体而言最大标题和最大的图与最小正文字体和图片大小之间的比率。文字有大有小,图片有大有小,二者之间巧妙的结合起来,会让文字和图片“活”起来,而对于用户而言,对网站首页下意识的一览无余,这种强烈的对比效果,充分展示网站设计的超高水准。
2.文字的特点
有人认为,中文网站设计其实没有字体设计这一环节,因为在网页中能用到的中文字体非常有限,能用的也只有黑体、宋体、微软雅黑等,这给中文网页的美感带来了折损。相比英文对字体的斟酌,网页上的中文字体显得太随意。当然,这种说法有一定的正确性,但我们应该换个角度看。中文的网页中的字体的确是局限在这几款字体中,但不代表中文网页就没有字体设计这一环节。
2.1网页设计中的“字”
首先,我们简单将网页里的文字分为可替换和不可替换两个部分。可替换的文字也就是能通过后台管理进行编辑的文字,例如文章、产品说明等。不可替换的文字是在网页制作过程中所定下的,后台管理并不提供文字的编辑条件,通过网页代码才能修改,例如导航、Banner等。可替换的文字只能使用网页所允许给定的字体,因此中文字体的选择面较窄。但不可替换的文字则可以通过图片等方式展示,将其制作成透明背景的图片,这时,字体的使用和排版都是灵活的,设计师就会有足够的创作自由度。
2.2字形的观察
字体首先是一种图形,然后再是可承载信息的文字,因此,当你挑选一款字体来搭配图片的时候,你需要集中去观察文字的形态特征是否和图片协调。在挑选字体之前,首先观察图片里的形态特征。
2.3字距和行距
观察字形,敏锐的设计师的眼光来区别不同字体的特征,挑选比较大的字体时需要具备的能力。非常适合用在首图、Banner等需要将文字做成图片所展示的情况下。字体还有形成段落进行展示的时候。形的特征逐渐隐去,我们更多关注字与字之间的关系,即字距。字距的选择总是根据字体本身以及其和空间的关系来决定,当字距较小时,传递出一种紧凑感,而字距宽松又能表达出一种轻松感。保持字距是中文展示能保持美感的一个关键。当字体变为垂直展示时,更应该拉宽上下字距。这是由于我们人眼并不熟悉上下顺序的阅读习惯,如果字距较近则容易形成字与字的视觉粘连。而行距则不同,当你考察行距时,这时字体已经变成了段落,成片出现的字体则是段落,你要关注的就应该是整个段落的灰度值。所谓灰度值就是字体的疏密。较大的行距和较大的字距一样都能传递出紧凑和轻松的不同之感,同时,行距也关联着字体本身的色彩、字距以及字体大小以及字体最终的形态。英文的行距可以以1.5倍作为标准尺度,然而一切规则都是依靠条件而存在,如果在特殊的场合,依然可以选用更大或更小的行距展示。
3.图片的角色
对于文字设计而言,只要字号的大小,色彩的变幻,而且文字大多数都起着配角的作用,或者解释说明,或者突然跃然眼前,加深用户记忆或者提醒用户,而唱着主角的还是图片,所以首页的图片,需要格外给予关注。
3.1选择高清的图片,低质量的图片经过严重压缩,清晰度差,缩放时没有进行等比例缩放,图片明显变形。高质量的图片清晰、美观,可以有效提高版面的视觉度。
3.2懂得用图片说话。一些网站首页会加上美女,或者儿童,或者动物图片,这看似和主题毫不相关,但是不能否认,它们能够“打动”用户。美女代表着人人都有一颗爱美之心,而儿童代表着纯真,动物就显得有一些憨厚了,根据网站整体风格,可以适当加入这些看似无关的图片。
3.3把图片虚拟化。图片加工成我们从来都没有看到过的景象,形成强大的冲击力,有效加深用户印象,合理的想象更能加深用户的记忆。
网站首页设计很关键,而对于文字和图片的把控,则是决定首页设计高下的重要因素,而这一切,都要围绕一个中心,那就是良好的用户体验,这是最为重要的。