广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
  • 登录
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

设计大神的UI设计十个技法小妙招

黑马家族
5 年前

我们是一群执着于设计的黑马

翻译文章,原作者 @Victor Adeyemo

-------------------------------------------

感谢大家对黑马家族的支持!今天给大家推荐来自 UI 设计师 Victor Adeyemo 的设计经验分享,希望能够带给你更多帮助!

Victor Adeyemo 在分析了 Behance 上数百份作品和 Dribbble 上的优秀作品之后,他将自己走过无数弯路之后总结出来的图片使用技巧,梳理成为一篇干货满满的文章。这些技巧可以应用到 UI 和平面排版当中,黑马哥觉得非常的适合我们一起学习一下,往下看看吧:

如果你仔细查看如今高质量的 UI 设计作品,会发现那些优秀的设计背后有很多共通的技术和方法,你可以将它们无缝地运用到自己的 UI 和视觉设计当中,这些方法和技巧能够让你看起来足够专业。

1. 用图片作为背景来化解单调

在一部分 UI 界面中,使用贴合场景和氛围的图片作为背景,能带来更加沉浸的体验。只是需要注意的是,需要调整明暗,确保前后景的对比度要足够强。

设计大神的UI设计十个技法小妙招-广告人干货库

Login Screen Redesign — Victor Adeyemo

设计大神的UI设计十个技法小妙招-广告人干货库

Nature — Popsabey

2. 将图片融入背景来使用

同样是一种制造沉浸式视觉体验的设计技巧,通过抠图之类的技巧,让某些图片元素和整个背景融为一体,图片和背景的无缝衔接能够给人以一种奇妙的视觉体验。

设计大神的UI设计十个技法小妙招-广告人干货库

Lippear Website — Victor Adeyemo

设计大神的UI设计十个技法小妙招-广告人干货库

Bloom. Vladimir Biondic

3. 高素质图片紧密拼接使用

让高素质的图片紧密无缝地拼接、并排排版,能够制造出一种无缝切高级的视觉效果,高清的图片通常包含着丰富的视觉信息量,并排拼接起来之后,能够制造出致密的信息量,让整个版面呈现出信息的疏密节奏变化。

设计大神的UI设计十个技法小妙招-广告人干货库

Discover Moscow

设计大神的UI设计十个技法小妙招-广告人干货库

Denis lomov

4. 为图片添加色块投影

同样是一种增加信息层级,消减单调的方法,这种方式百搭而易用,在绝大多数的风格现代的平面排版和 UI 界面当中,这种小技巧都可以使用,快速提升界面的视觉效果。

设计大神的UI设计十个技法小妙招-广告人干货库

Anastasia Yastrebkova

 

设计大神的UI设计十个技法小妙招-广告人干货库

Natalia Smoczyńska

5. 在图片的前景/背景添加图案和形状

图案和形状看起来很简单,单独使用的时候确实也很容易显得单调,但是当它作为装饰元素和图片组合在一起的时候,能够快速地构建出颇为不错的装饰效果和视觉张力。

设计大神的UI设计十个技法小妙招-广告人干货库

ursae. majorizzz

设计大神的UI设计十个技法小妙招-广告人干货库

Bloom Hair — Web design

6. 在图片的前后增加文本、图案和不规则图形

在图片的前景或者背景叠加文本、图案和不规则图形,也同样可以快速增加信息的层级,添加的时候可以不用严格意义上在图片的范畴内,可以错位,可以部分叠加,这样的布局设计更加有趣。

设计大神的UI设计十个技法小妙招-广告人干货库

Lifestyle. Vladimir Biondic

设计大神的UI设计十个技法小妙招-广告人干货库

Confidence. Vladimir Biondic

设计大神的UI设计十个技法小妙招-广告人干货库

Emilia Brewster Website — Halo Lab

7. 使用文本或者图形做剪贴蒙板

这也是最近这些年比较流行且非常使用的一种技巧,使用剪贴蒙版来将图片约束在文本或者图形的外轮廓当中,这上一种增加形式感、有趣的传递信息的方式。

设计大神的UI设计十个技法小妙招-广告人干货库

About Page — Joonas Virtanen

设计大神的UI设计十个技法小妙招-广告人干货库

Portfolio site — Krista

8. 让图片的间距足够窄

控制图片之间的间距足够窄,能够让整个布局显得紧凑而富有凝聚感,图片的聚合能够让整片图片区域显得丰富又集中。

设计大神的UI设计十个技法小妙招-广告人干货库

Inbox App — Ben Tortorelli

设计大神的UI设计十个技法小妙招-广告人干货库

Unsplash Retro — Sebastian Jungbluth

9. 在图片上叠加色彩

在图片上叠加色彩,或者说将图片制作为单色调的配色,能够产生类似黑白照片一般更强的形体感,增加视觉主体的视觉效果,同时借用不同的色彩来营造统一的氛围和情绪。

设计大神的UI设计十个技法小妙招-广告人干货库

Colour Me timbers -Johan Adam Horn

设计大神的UI设计十个技法小妙招-广告人干货库

iLearn LMS — Neil Lawson

同时,还可以选择为部分的图片叠加色彩,这样的处理方法更加有趣,增加了信息层级。

设计大神的UI设计十个技法小妙招-广告人干货库

Website Design — Brian Rodenburg

设计大神的UI设计十个技法小妙招-广告人干货库

Search Art Direction — John Adam

10. 将图片裁切为其他的形状

虽然绝大多数的图片都是矩形的,但是将图片裁切为其他的图形会让整个设计显得非常新颖。

设计大神的UI设计十个技法小妙招-广告人干货库

Welch & Smith — Halo lab

设计大神的UI设计十个技法小妙招-广告人干货库

Bloom Website

关于 Victor Adeyemo 的一些设计经验和技巧就分享到这里,我们下期继续。希望今天的分享可以带给你一些思路,我们互相努力。

感谢你的阅读支持 · 欢迎留言互动

-------------------------------------------

声明:本文内容及言论仅代表其作者之意,

并不反映任何黑马家族之意见及观点


设计大神的UI设计十个技法小妙招



创意营销创意设计品牌创意品牌营销广告人干货库
黑马家族
一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。

黑马家族

一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。
18
文章
0
评论
0
获赞

找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

快讯

立秋仪式感,沪上阿姨奉上秋日第一杯宠爱
8 小时前
时隔十年重逢,宋茜出任 OLAY 全新品牌代言人
13 小时前
百事户外大屏创意出圈
2 天前
杭州地铁泥猫海报引发网络热议
2 天前
更多

扫码进品牌营销案例群

热文推荐

TOP1
淘小宝联名的风,刮到了异宠界
4 周前
TOP2
品牌叙事,能为品牌解决什么问题
4 天前
TOP3
品牌的文化感
1 周前
TOP4
Apple×岳云鹏第4季:隐私保护用 iPhone,省心
4 周前
TOP5
葵花熊胆痔灵膏,把难言之隐玩成「疼痛艺术」
1 周前

好文推荐

“千元丑鞋”昂跑,凭什么让中产买单?
谁懂啊,既下山这个品牌太好了
如何提升销售额?一个公式拆解增长密码!

专题展示

世界杯营销案例28

创意干货55

品牌30讲27

品牌咨询行业的10大误导纠错13

品牌定位40讲40

小红书运营143

品牌方推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

广告公司推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

方案怎么写,扫码来干货库看看

  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2020-2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号
  • 广告人干货库19093
  • 品牌营销6027
  • 案例库5749
  • 品牌营销案例库5531
  • 品牌策略3376
现在登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方