昆明北大青鸟

致力于服务学员的差异化、个性化需求

学校课程咨询服务:
400-018-6228
培训世界 >昆明北大青鸟 >新闻中心 >UI设计技巧指南

UI设计技巧指南

2022-10-07 11:33:07来源: 昆明北大青鸟
UI设计技巧指南
导读:

昆明全链路UI设计培训班,德育为先,素质教育贯穿培养良好的学习习惯和正确三观,模块式学习,专业涉略广,多样化学习,掌握一项或多项技能,创意思维培养,美学养成,分享优秀艺术作品,提升个人审美。

文章详情
UI设计技巧指南
  字体合理运用是UI设计很重要的一点,要么字体很不相同,要么就用一款字体。像个案例,字体字形比较接近,但是又不是一款字体,看久了非常突儿。其次就是要突出主视觉文案的时候,要尽量把辅助字体缩小,型成对比。
  目前最流行的两种设计方式,:扁平化第二:卡片式。卡片式最有意思的就是运用投影来模拟现实的距离感和层级。如果选用卡片式的设计方式,那么全局尽量都要运用上投影效果,不要一块卡片,一块扁平,风格保持统很关键。
  投影选用的颜色正确和错误,直接拉低作品质量。在工作中,按钮等控件使用投影尽量用吸取工具,把主色调提取出来把明度压低一些,总之要保持同色系的投影,这样才符合视觉逻辑。其次,如果按钮上有文字,文字尽量不要纯白,记得带一些同色系的淡淡颜色。
  规则是死的,人是活的。很多时候,如果需求是比较宽且走文艺气息的时候,要尝试突破原则,用一些另类的排版方式,其实也是做好设计的本质。在图片类APP中,错落性一些的排版,会使你的作品更有魅力。
  好的设计,是在最少的元素下还能时间突出重点信息。极简是种趋势,你要减少不必要的元素,或者简化元素。不要想着把画面撑满就是好的设计,有时候,适当的留白,给用户呼吸的空间更重要。
  如果经常用种方式给客户看稿件,那么你很难通过。做方案时,文案符合标题或者产品主旨才行,其次就是上下间距一般是20-28,一般用24就够。千万不要全部放无关的文案,很拉低你的设计水准。
  辅助文字的合理运用,也是提升质感和视觉的关键点。如果有一个或者多个主要的视觉要素,那么辅助的文字大小尽量比主视觉小,颜色要比主视觉浅。比如主文字字号24PX辅助视觉就需要14-18左右即可,主文字纯黑,辅助文字浅灰色。
  线段的作用,主要是区分信息层级。所以辅助线段一般采取浅色调处理,千万不要过重会显得很脏,拉低整体质感。
  引导页的作用,是引导用户如何使用产品或者提醒更新内容。不能为了设计而设计,要把握住主题,针对主题进行图标等元素设计,比如新增查阅文件夹功能,那么就要根据文件夹、放大镜等元素进行设计。做一个扫描仪就肯定是错误的了。其次就是,风格统一,如果都是图标,或者都是图片,那么全套都要统。

  间距的统一性,是排版中时刻要注意的。等距等比是界面干净整齐的一个关键要素切记,要么处处一致,要么全都不一致。

  颜色的合理运用,是至关重要的。一个APP或者一个界面尽量一个主色调,一个辅色调即可,不要出现干扰或者与主色调无关的颜色,这样会导致用户质疑你到底是不是一款产品。其次就是,想让用户点击什么按钮,那么取消按钮弱化视觉。
  这一点是很多人经常忽视的,一款好的设计或者好的产品,一定要做好辅助指引工作比如上面的两个登录界面,如果再输入过程中有相应的指引,那么会减少用户出错的几率,也会减少来回点击查看这个框是干什么的次数,总之,指引很关键。

昆明北大青鸟

北大青鸟是为契合职业教育改革成立的一家专注于职业教育的教育科技机构。以“支持每一位学员成为受人尊重的专业人才”为使命,始终践行“职业教育就是就业教育”的教育本质,坚持帮助学员成功就业,永远是硬道理;始终保持回归职业教育的本真,即坚守“教育为本,师爱为魂”的教育理念,以及“内育职业素养,外塑专业技能”的青鸟校训。

展开更多

咨询热线:400-018-6228

1