首页 > 网站 > WEB开发 > 正文

10个小技巧让你瞬间提升网站档次

2024-04-27 14:50:52
字体:
来源:转载
供稿:网友

  你必须首先要有合适的图片,好的排版,知道如何充分利用现有资源整合出最佳效果。如果你觉得你已经做好接受挑战的准备了,那么下面的10个小贴士对你会很有帮助的:

  1、添加对比

  Pack

10个小技巧让你瞬间提升网站档次 三联

  telegraph

2

  文本必须是可读的!确保文本在颜色方面与背景图片产生足够的对比,如果你有一张暗色调的背景图片,那么就选择白色或者浅色调的文本。如果你的背景是浅色调的,那么文本就填充深色调。

  2、把文本变成图片的一部分

  meand my self portfolio

3

  toast

4

  有时候将文本变成图像的一部分时它的效率更高。但是这很难实现,只是在有限的情况下才工作。你需要一张简单的图片加上一串简单的文字(上图一),或者直接把文字合理地嵌入到图片里(上图二)。

  3、让文字在人物的注视之中

  bradhogan

5

  Michael Schmid

6

  处理图像的视觉流在涉及到文本和图片共存时是一个非常微妙的技巧。你需要文本符合图像的一部分逻辑。而且,如果图片是起到主要视觉效果的,就请不要把文本放在图片最重要的位置,不要干扰图片的视觉效果。

  所以需要寻找空间去码上你的文本。上面的两个例子都很好地引导了你的视线走向。

  4、来点高斯模糊

  helloniche

7

  wallmob

8

  使用软件简单地把背景图片模糊一下可以最大化地突出你的文本。并且这会提升用户关注你的整体概念。

  5、 把文本放在一个形状里面

  tradestone

9

  tnvacation

10

  当图片五颜六色并且明暗难以区分时,把文本放在一个框里面就可以很好地突出了。

  选择一个合适页面图片的形状,然后调整形状的颜色使之与整体融合得恰到好处(有时也可以调整透明度),然后打上字体,完美get~

  6、 把文本放在背景里面

  squareup

11

  caitlinwicker

12

  有时候反向思考也是很重要的。为什么一定要把文字作为特别的焦点放在前面呢?放在背景也可以啊!在有些背景是单一的纯色时,把文本放在背景上更加能够起到突出的效果!

  当然了,字体必须摆放在合适的位置。可以适当地给它来电投影效果用以突出文本。

  7、 一个字:大!

  plainmade

13

  tiny foot PRint coffee

  当你实在是不知道该怎么办时,干脆就放大字体吧!这个办法同时也扩大了图像本身给人的印象,大文本能够迅速抓取用户的眼球。

  使用大图片(比如上图的咖啡豆)可以帮助你提高阴影和对比差异。而添加大文本则可以为页面添加足够的重力感。

  8、 来点颜色看看

  Knucklesindustries

15

  storyandheart

16

  添加一个颜色提示也可以增加视觉效果。上面的网站采取两种截然不同的方法——第一张字体的颜色直接和背景色相近用以烘托背景主题,第二张字体颜色和背景颜色形成鲜明对比直接突出文本。这两种方法同样有效。

  9、 添加一些高亮光泽

  winshape

17

  brandvillage

18

  偏色处理是越来越受欢迎,它能使文本得到良好的突出。虽然这是一个复杂的工程,但效果惊人。

  选择一个可以提高视觉效果的颜色,调整透明度(不要整成完全透明的哦),然后添加上文本!如果你实在不知道如何选取颜色,干脆就直接选一个颜色。

  10、简单化

  keepsareal

19

  joshcohen

20

  经过时间的重重考验充分证实保持简单适用于文本和图像。现在你想要让两者结合,就要好好考虑简单化处理。

  在处理图像时,使用简单的排版和直观的形象可以创造最好的效果。记得要让图像显示出最重要的部分,保证可以清晰显示文本。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表