当前位置: 首页 >文章 > 干货!9种技巧提升你的UI设计逼格
收藏
分享

干货!9种技巧提升你的UI设计逼格

举报静电的UI设计教室静电的UI设计教室发布于 2018-11-294373阅读52点赞1评论
很多出彩的设计,并没有依靠太过复杂的技巧,通常是在经典的设计或者常见的布局行稍作调整,打破某一个规则,从而给人留下深刻的印象。这组案例作品来自印度 Logo 和 UI 设计师 Rishi Shah。...
1,清晰的布局,稍显错落的排版


布局设计的时候,图片、文字、按钮等元素,需要遵循“相关靠近”的规则来分组排布,这样的布局会显得逻辑清晰,易于理解。不过,在保持这样的视觉关系的同时,让排版稍微错落一点,能够让页面优雅而又足够活泼生动,不会显得太简单呆板。




2,单色网站,需要突出的全彩图片


单色网站通常会以一种色彩为主,但是如果在单色网站中再加入几张明显是全彩的图片,会显得非常「扎眼」的,但是这也会让它们非常明显地吸引用户的注意力。这种设计同样是秉承「打破一条规则」的设计策略,当然前提是你的设计目标就是要凸显这写图片内容。



3,全屏大图,兼顾功能的线性元素


高清大图撑满全屏,加上展示性比较强的字体作为标题也是经典的搭配,但是在很多时候依然会让人觉得单调。线性元素的加入,不仅不会遮盖住作为视觉主体的图片,而且能够强化形式感,如果运用得当的话,还能作为视觉引导,强化交互,引导用户点击,非常有用。


 


4,高清大图,超出边界的布局


使用占据整个屏幕的高清大图固然赏心悦目,但是更多的图片在边界露个头,能够更好地吸引用户的好奇心,这比起单纯的左右翻页按钮更能够促进交互。这种不对称的布局,结合形式感极强的标题和数字元素,整体会显得更加优雅。




5,经典布局,错落的交互元素


打破规则,或者说打破常规是经常用到的一种设计思路,但是通常只能打破一种常规,打破太多的规则和习惯会带来混乱。在经典的左右布局之下,加入不那么规则、整齐的交互元素,能够让设计维持经典的外观的同时,显得更加活泼有趣,又不会让人觉得太过跳脱。



6,统一色彩,明确的视觉焦点


凝聚力是这种设计组合的主题。统一的色彩让整个页面显得非常的集中,而聚焦的元素让所有的视觉内容都围绕着它来进行设计,标题、辅助性的说明文本、交互按钮等都在一个统一的设计想法和目标之下得到了统一性的规划和设计。


 


7,单色配色,打破常规的排版


单色配色也是最近几年比较流行的配色方式,这样的配色简单直观,更重要的是能够突出排版。这种情况下,非常规的排版能够得到增益和凸显。纵向排布的标题,被边缘遮挡的作者名称,用来视觉引导的细线,左下方用来强调的装饰性色块,都很好的强化页面的排版形式感。



8,高雅中性色,明快提亮色


色彩通常是最快抓人眼球的设计元素。黑白灰这样的中性色,不论是图片和色块常常能创造高级感和沉静的氛围,而精选一种明快的提亮色,比如明黄,能够打破这种氛围,增加一个层次,如果用来承载核心的信息,能够让用户更快搞清主次。这样的设计不仅高效,而且优雅。


9,简约风格,沿中线错开布局


这同样是在常见的基础上,稍加调整就能做出来的好设计。在纯白背景下的简约风格之下,沿着中线的左右两侧来排布文本和图片内容,没必要刻意保证左右两侧的准确对齐,只需要保证中线,上整个视觉路径的清晰规整,同样可以做到清晰而不拘一格。



1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩11天33人已报名
【4月】零基础手绘插画训练营
距离开班仅剩11天64人已报名
电商海报设计训练营
距离开班仅剩39天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了46,688
并提交了341份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证