恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
design

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
总监说我作品丑,调了调确实好多了!!
128.2°
原创文章 / 经验/观点 / / 举报
18921 404 354 15

2021-05-24

今年上半年工作比较忙,所以UI中国一直拖着没更新,都有点对不住UI中国十佳设计师这个称号了。从这个月开始,咱们UI中国的文章继续更新,大家可以保持关注哒。


前几天有同学问我,说觉得自己的作品总是不够干净好,被总监觉得丑,问我有没有什么办法可以改改的。


其实作品不高级,无非还是表现层那几点没有掌握好,掌握方法就能提升的很快。


*文末有作品集包装源文件可以下载哦~


第一步_先提升审美 

收藏 概念设计

Design experience


平常有可以先去积累收集一些概念设计的爱好,这些概念设计,通常能给我带来一些配色或者版式层面的灵感。


收藏的多了,或许也会苦恼:为什么概念设计这么好看,自己做出来的方案,总是比较low,达不到那种高质量的标准。但其实会有不少人苦恼:为什么概念设计这么好看,我自己做出来的方案,总是比较low,达不到那种高质量的标准。


其实主要是没有把概念设计中的精华,进行理解掌握,导致眼高手低



第二步_收集设计参考

特点提取 归因分析 

Design experience


我们可以先来盘一盘,这些好看的界面有哪些共同之处,再通过归因分析,得出哪些设计手法,会让界面设计变得好看的原因。同理,去刻意练习这些设计手法,就可以让我们产出的设计,一样具备美感。


这套逻辑方法,在设计的任何领域,几乎都是通用的。


首先咱得知道什么是好设计,也就是说得分辨出哪些设计是好看漂亮的。如果实在不太分辨的出来,可以按照各大设计平台上的人气进行筛选,一般人气高的点赞多的,都不会太low。


比如下面这些:


1、这组的颜色非常干净温和,看了很舒适。


2、而这组作品由于面向的是家居,所以采用了较多的低保和中性色,填充色搭配实物质感,层次感非常好。


3、再下面这组,偏向于数据可视化,所以颜色控制合理,信息聚焦。



第三步_归纳好的设计特点

视觉表达 形色字质构 

Design experience


不难发现,这些漂亮的界面,还是有很多共同特点的。接下来咱们从形色字质构,来对这些方案进行分析,总结共性特征


a.形状

1)大图形:多数以柔软为主,大量的圆角,可以让界面变得非常舒缓。

2)小图标:多数图标以面性为主,线性为辅,结构,大小整齐一致,同样搭配使用大量圆角

3)插画图形:流畅的线条,简约的图形为主,并未使用大量多余风格化手法,而是简单的几何图形穿插。


b.色彩

界面美感度,最重要的就是配色了,配色好看,立马界面清新脱俗,美感度蹭蹭上升。配色杂乱无章,就会让人眼花缭乱,瞬间失去欣赏的欲望。


1)主色层次感:页面主色清晰,围绕主色用不同明度的次色做衬托。重点信息主色抓住眼球,次级信息用更浅次色,把页面层级关系『呼吸感』拉开。


2)色相数量:除了黑白灰等中性色,其它不同色相颜色通常在三种左右,而且这些颜色会以功能性质进行结构化的划分,重色抓眼球,弱颜色作为次要信息辅助。


3)饱和度: 色相多数以中饱和为主。高饱和度会显得刺眼让人视觉疲劳,低饱和度又会让页面略脏没什么亮点。中饱和度颜色最为耐看。


c.字体

字体层面,最主要得建立起来秩序层次,让信息的优先层级变得一目了然。主要下面几点:

1)字号:页面的字号大小不能超过5种,通常控制在3-4种,这样信息就会整齐没按么碎。

2)明度:字体的颜色,可以通过明度来进行控制,设置3-4个梯度

3)字重:重点的信息,可以通过加粗来进行展示


d.质感

1)质感层面,会跟不同方向有关系,产品界面一般不会带有很浓厚的质感风格。扁平化带来的视觉体感相对平缓,带来的视觉压迫较小。


2)如果有渐变,多数渐变的梯度较弱,为微渐变。这样带来的好处,是让色彩没那么单一,同时可以增加页面的呼吸感。


3) 如果有投影,多数使用大面积弥散。大面积投影可以模拟自然界物理光源带来的真实感,同时让界面不同元素的空间层级关系得以体现。


4) C4D插画质感一般都在部分偏营销场景。3D风格可以建立起页面的空间感,在营销界面场景中,可以得到很好地发挥利用。


e.构图

构图层面,我们可以发现这些好看的界面,基本都是大栅格、大间距,信息的层级关系被拉的很开。

1)超大边距:大边距可以让信息更聚焦在屏幕中央,空余留白带来的体感,仿佛让自己正在欣赏一本杂志。


2) 视觉重心均衡:如果屏幕左侧有个大标题,那么右侧一定会有个色块往下压一压。同理右侧如果有重信息,左侧底部也会放同样的色块或者大字号压一压。


3) 信息相对宽松:一屏带来的关键楼层只有2-3个,楼层的信息密度及间距相对都比较宽松。


上面这些信息,便是通过这些优秀作品,然后总结出来的关键因子,接下来,便可以利用这些关键因子,来修改我们的界面,让界面变得好看。



第四步_方案刻意练习

刻意练习 实际案例 

Design experience


上面分析了那么多特征,如果要彻底把方法吸收,那么就要学以致用,把总结的那些特征,用到我们日常实际的一些练习中来。


比如下面的这组界面练习作品,我们可以按照上面总结的那5步,对这个界面进行收拾整顿。


a. 第1步

形状圆角可以尝试拉起来,多余的信息去掉,图标调的更为饱满


b. 第2步 

颜色把杂乱无章的颜色进行整顿,控制色相数量,制定颜色梯度


c. 第3步

 字体规整字号,让页面只有4-5种字号大小,重要的信息加粗。


d. 第4步 

第四步,质感增加弱渐变,阴影弥散度增加,不透明度降低。可能有同学不喜欢加渐变跟阴影,其实都行。只不过加了渐变跟阴影后,界面会更柔和一些。


e. 第5步 

第五步,构图边距加大,信息层级拉开,有关联的信息拉近,没有关联的信息拉开。调整完之后的样式,差不多就是这样了。

After-调整后的


Before-调整之前的


可以看到,跟之前相比,还是有着很大差别。大家也可以自己去进行一些尝试。



方法总结

方法论 设计经验 

Design experience


日常想提升自己某一块能力或者是提升某个专业领域深度时,一定不能盲目的进行尝试,而是有所策略,有所方法的进行练习


以今天咱们这篇文章为例,我们可以总结出一套方法理论,就是在动手实践之前,可以把一些较好的案例,进行归纳汇总,同时提炼一些关键因子,最后可以得出好案例与关键因子的联系性,这个也是所谓的特征


最后再把这些关键因子连接到我们自己的作品上,加以修正,这样我们自己的作品,也会变得优秀。


所以建议大家,平时除了多动手,也要多总结,这样才能进步最快。



作品包装素材下载 

干货资源 免费下载 

Design experience


文末的最后,分享几套非常高级的作品包装源文件( Sketch、XD ),Mac 跟 Windows 都可以用,提升自己作品的观赏度。



  资源下载方式:

方法1:点击文末收藏旁边的的下载按钮,根据操作即可下载

方法2:微信手动搜索公众号『 UX小学 』,发送关键词『 UI中国 』

已超1000+人下载


PS:最近我跟阿里、腾讯的同学,一起建了一个一线设计师微信交流群,感兴趣的同学,可以添加小哆啦微信号『 Dollam 』,备注『 UI中国粉丝 』加入!

Powered by Froala Editor

微信公众号:UX小学

下载
收藏

404人已收藏

评分:

完整度:4星

启发性:4星

勤奋性:4星

排版布局:4星

推荐:
可以的 UX小学 ,一直在设计路上有帮助

UX小学

我的微信:Dollam

  • 29

    作品

  • 7059

    粉丝

  • 0

    关注

  • 我设计的明明很好看了,可总监还不满意 ??
  • 大公司还是小公司??怎么选??
  • 我最喜欢这五种色彩组合,色号告诉你了!!
  • 总监跟我说,图标得这样画!!

猜你喜欢

    UX小学

    UX小学

    我的微信:Dollam

    十佳文章人气明星助人为乐首页达人话唠
    • 7059

      粉丝

    • 2995.9

      人气

    • 6.3w

      颜值

    作品

      GDC Award 2021启航

      推广

      最新推荐

      经验 | 矩形字体设计案例讲解

      19 0 0

      相关佳作
      换一换

        UX小学

        点赞:354

        收藏:404

        评论:15

        总监说我作品丑,调了调确实好多了!!

        你确定要举报总监说我作品丑,调了调确实好多了!!

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年05月24日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录