图文排版软件 图文排版软件怎么做视频( 三 )



图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

在其他场景中使用氛围纹理,卡片通过一系列插图来塑造 。虽然页面上有很多插图,但页面平衡感同样重要 。考虑到用户在界面中看到的与其他页面的视觉体验是一致的 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

除了图形,氛围其实也是一个很重要的方式 。我非常喜欢ASANS的设计 。背景上利用一些几何图形的纹理效果来丰富整体感空 。这些几何图形丰富了细节,使整个内容更加突出 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

上图是他里面的一个注册登录场景 。在界面中,除了背景灰色底纹,视觉层次被几何图形衬托,插画也很巧妙 。用户输出后,整个插画到品牌人物的体验非常好 。

Sift是一种新闻阅读产品 。这类产品的设计一般都是文字排版,设计简单 。但sift采用了大胆的设计,在背景氛围中使用了一些点状底纹的纹理效果,与内容很好的平衡 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

Lugg是一款货车APP,有点像国内的货运车,整个设计大气感很强 。它采用全插画设计,让页面的核心功能设计在页面的每一个细节都能看到全插画的应用,从导页 。目前我看到以插画氛围为主要设计的产品最好 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

有兴趣的同学可以去美国苹果商店下载使用 。给页面增添氛围是增加层次的好方法,但同时也要有良好的视觉平衡,不能本末倒置 。
第四,用衬线和无衬线字体建立层次 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

字体对比,衬线字体和非衬线字体的对比是很常见的方式 。上图中Adelle Sans和Tiempos字体的对比,让页面内容结构非常清晰 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

上图中官网的设计,干净的排版,通过对比字体大小和字体来体现视觉层次 。

图文排版软件 图文排版软件怎么做视频

文章插图
文章插图

字体本身的选择也是设计中非常重要的因素 。好的设计不仅能提高设计质量,还能让页面的视觉层次更加清晰 。
动词 (verb的缩写)结论 。
回归设计的本质,其实我一直认为设计的工作就是翻译 。我们的使命是让用户在使用产品的过程中更容易理解,同时也能方便地解决他们的问题,而不是只关注界面漂亮本身 。今天分享其中一些提升设计水平的小技巧,让页面有更好的体验 。