加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    随着网络不断的发展,震撼、高清的全屏照片和视频在网页中使用的越来越多,光看图片还是差点意思,配上文字画龙点睛一下,那效果就非常好了,获得不少设计师和企业的青睐。这里跟大家一起分享下图片上文字排版的一些技巧。


    一、        明度与文字的对比

    选择明度较低或者降低照片对比度的方法凸显文字

    图片:paibanjiqiao-05.jpg

    图片:paibanjiqiao-04.jpg

    图片:paibanjiqiao-03.jpg

    图片:paibanjiqiao-02.jpg

    图片:paibanjiqiao-01.jpg



    二、        选择合适的排版位置

    大家都知道在复杂的环境中不容易找到想要的东西,文字也一样,并不是所有照片把文字放上去就能有好的效果。尽量选择画面开阔或者图片信息较少的区域,这些位置相对相对干净,能够很好的排列文字。也可以在拍摄图片的时候利用技巧获得好用的照片。

    图片:paibanjiqiao-06.jpg

    图片:paibanjiqiao-07.jpg

    图片:paibanjiqiao-08.jpg

    图片:paibanjiqiao-09.jpg

    图片:paibanjiqiao-10.jpg




    三、        照片不好,创造条件也要上

    图片:paibanjiqiao-11.jpg


    调整照片颜色或者覆盖一层颜色弱化照片,把它推到远景位置。文字成为画面焦点

    图片:paibanjiqiao-12.jpg



    增加文字占的比重,重点位置设置特殊颜色突出,使文字成为画面主角。

    使用渐变覆盖图片部分区域

    图片:paibanjiqiao-15.jpg

    图片:paibanjiqiao-16.jpg



    使用背景形状放置文字

    图片:paibanjiqiao-02.jpg

    图片:paibanjiqiao-01.jpg



    给图片添加图案,降低明度和画面对比度,突出文字使画面层次更丰富。
    PS:文本越大,越吸引注意力,文本太小且多,注意力也会随之转移到阅读文字上而忽略了图像,导致画面单调。对于画面中文字与图像焦点元素的平衡根据自己需求把握调整。
    不同的字体,字号,重量,颜色可以创造出非常有节奏感的排版,适当的装饰元素运用也会让排版看起来更加精美。
    • 图片:paibanjiqiao-13.jpg

    • 图片:paibanjiqiao-14.jpg


  • 1 楼#

    瑞塔

    • 粉丝
      6
    • 人气
      173
    • 积分
      0
    • 铜币
      44

    好厉害的样子

  • 2 楼#

    韩子轩

    • 粉丝
      4
    • 人气
      188
    • 积分
      0
    • 铜币
      45

    感谢分享!!

  • 3 楼#

    cn1511264171

    • 粉丝
      2
    • 人气
      132
    • 积分
      0
    • 铜币
      18

    厉害!厉害!视觉冲击力强,有内容!

  • 4 楼#

    屏枫

    • 粉丝
      11
    • 人气
      287
    • 积分
      0
    • 铜币
      155

    沙发呢。撸主?

  • 5 楼#

    政元-肖剑

    • 粉丝
      12
    • 人气
      190
    • 积分
      15
    • 铜币
      2402

    你很厉害哦

  • 6 楼#

    Longly

    • 粉丝
      18
    • 人气
      217
    • 积分
      0
    • 铜币
      798

    谢谢分享,很管用

  • 7 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1511720314:好厉害的样子回到原帖
    过奖

  • 8 楼#

    Eason-小臣

    • 粉丝
      209
    • 人气
      898
    • 积分
      0
    • 铜币
      3738

    感谢分享,这方法同样也适合运用在产品的主图与描述的图片上。

  • 9 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    拿图请留言,让我刷一刷存在感,谢谢!

  • 10 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1511674594:感谢分享!!回到原帖
    互相学习

  • 11 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1512316710:沙发呢。撸主?回到原帖
    互相学习

  • 12 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1511717144:你很厉害哦回到原帖
    互相学习

  • 13 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1512098828:感谢分享,这方法同样也适合运用在产品的主图与描述的图片上。回到原帖
    互相学习

  • 14 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    ca1511083093:谢谢分享,很管用回到原帖
    互相学习

  • 15 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    ca1511083093:谢谢分享,很管用回到原帖
    互相学习

  • 封禁
    16 楼#

    政元-小贾

    • 粉丝
      282
    • 人气
      552
    • 积分
      0
    • 铜币
      373

    用户被禁言,该主题自动屏蔽!

  • 17 楼#

    咖弟

    • 粉丝
      118
    • 人气
      663
    • 积分
      0
    • 铜币
      2308

    cn1511266253:谢谢分享哦支持回到原帖
    互相学习

  • 18 楼#

    屏枫

    • 粉丝
      11
    • 人气
      287
    • 积分
      0
    • 铜币
      155

    你造福各位外贸网友啦!

  • 19 楼#

    EVEN_ZHANG

    • 粉丝
      14
    • 人气
      578
    • 积分
      192
    • 铜币
      325

    谢谢分享



  • 随着网络不断的发展,震撼、高清的全屏照片和视频在网页中使用的越来越多,光看图片还是差点意思,配上文字画龙点睛一下,那效果就非常好了,获得不少设计师和企业的青睐。这里跟大家一起分享下图片上文字排版的一些技巧。


    一、        明度与文字的对比

    选择明度较低或者降低照片对比度的方法凸显文字

    图片:paibanjiqiao-05.jpg

    图片:paibanjiqiao-04.jpg

    图片:paibanjiqiao-03.jpg

    图片:paibanjiqiao-02.jpg

    图片:paibanjiqiao-01.jpg



    二、        选择合适的排版位置

    大家都知道在复杂的环境中不容易找到想要的东西,文字也一样,并不是所有照片把文字放上去就能有好的效果。尽量选择画面开阔或者图片信息较少的区域,这些位置相对相对干净,能够很好的排列文字。也可以在拍摄图片的时候利用技巧获得好用的照片。

    图片:paibanjiqiao-06.jpg

    图片:paibanjiqiao-07.jpg

    图片:paibanjiqiao-08.jpg

    图片:paibanjiqiao-09.jpg

    图片:paibanjiqiao-10.jpg




    三、        照片不好,创造条件也要上

    图片:paibanjiqiao-11.jpg


    调整照片颜色或者覆盖一层颜色弱化照片,把它推到远景位置。文字成为画面焦点

    图片:paibanjiqiao-12.jpg



    增加文字占的比重,重点位置设置特殊颜色突出,使文字成为画面主角。

    使用渐变覆盖图片部分区域

    图片:paibanjiqiao-15.jpg

    图片:paibanjiqiao-16.jpg



    使用背景形状放置文字

    图片:paibanjiqiao-02.jpg

    图片:paibanjiqiao-01.jpg



    给图片添加图案,降低明度和画面对比度,突出文字使画面层次更丰富。
    PS:文本越大,越吸引注意力,文本太小且多,注意力也会随之转移到阅读文字上而忽略了图像,导致画面单调。对于画面中文字与图像焦点元素的平衡根据自己需求把握调整。
    不同的字体,字号,重量,颜色可以创造出非常有节奏感的排版,适当的装饰元素运用也会让排版看起来更加精美。
    • 图片:paibanjiqiao-13.jpg

    • 图片:paibanjiqiao-14.jpg




  • 好厉害的样子



  • 感谢分享!!



  • 厉害!厉害!视觉冲击力强,有内容!



  • 沙发呢。撸主?



  • 你很厉害哦



  • 谢谢分享,很管用



  • cn1511720314:好厉害的样子回到原帖
    过奖



  • 感谢分享,这方法同样也适合运用在产品的主图与描述的图片上。



  • 拿图请留言,让我刷一刷存在感,谢谢!



  • cn1511674594:感谢分享!!回到原帖
    互相学习



  • cn1512316710:沙发呢。撸主?回到原帖
    互相学习



  • cn1511717144:你很厉害哦回到原帖
    互相学习



  • cn1512098828:感谢分享,这方法同样也适合运用在产品的主图与描述的图片上。回到原帖
    互相学习



  • ca1511083093:谢谢分享,很管用回到原帖
    互相学习



  • ca1511083093:谢谢分享,很管用回到原帖
    互相学习


  • 封禁

    用户被禁言,该主题自动屏蔽!



  • cn1511266253:谢谢分享哦支持回到原帖
    互相学习



  • 你造福各位外贸网友啦!



  • 谢谢分享


31 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待