首页 UI设计

UI设计

  • 体验更好的 UI 底部导航栏是怎样设计出来的?

    体验更好的 UI 底部导航栏是怎样设计出来的?

    设计 UI 底部导航栏可以说是绝大多数 UI 项目当中必然会遭遇的设计内容,而这篇来自设计师 Vikalp Kaushik 的文章详细梳理了底部导航栏的最佳实践:导航在 UI 界面当中是相当常见、直接影响用户体验的基础组件。通常底部导航,会用到图标、文本标签等元素,看起来不复杂,但是想要设计出效果,在视觉、交互、体验、逻辑上确保质量,还是有很多注意事项的。这篇文章就系统梳理一下 UI 导航栏的设计。一、为什么要设计导航栏?1、用户可以快速检索到他们在哪个区域2、允许用户快速在不同的功能模块间切换3、让用...

  • 顶部导航和侧边导航,哪种更好用?

    顶部导航和侧边导航,哪种更好用?

    作者:Taras Bakusevych桌面和大屏幕上导航栏要怎么设计其实是一个经常被拿来探讨的问题,如今这也是 B 端设计中绕不开的一个设计问题。关于这点,Jennifer Rose Kingsburg 曾经有针对网页的三级菜单导航进行过一份研究,结论是在左侧设置导航好处多多。需要注意的是,这些研究大都是 2017年之前的研究成果,而如今很多样式放生了变化。1、左侧导航更方便和容易浏览Eyetracķ荷兰国际集团的研究表明,用户习惯于使用 F 式的浏览路径,这使得左侧导航在一般情况下有着相对更强的可用性...

  • 当今APP UI设计的趋同?这也许是件好事

    当今APP UI设计的趋同?这也许是件好事

    现在,当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候,乍一看很难区分清楚彼此的区别:带有圆润边缘、现代感极强的非衬线字体大标题,极简的黑白色调为主的界面,大量的留白,少量的提亮色甚至没有提亮色。这种现代的界面设计风格,乍一看很简陋。而具有讽刺意味的地方在于,它们出自于最大的公司,是最受欢迎也是受众最广的产品,在视觉观感上,让人觉得「几乎没有被设计过」。Instagram 的深蓝的页头怎么变了?Lyft 中经典的亮粉色元素怎么不见了?这些有着...

  • 5年图标设计经验,总结的专业流程8个注意事项

    5年图标设计经验,总结的专业流程8个注意事项

    我们每天都在设计图标,并且保持这样的状态超过15年。身为设计师,想必你已经阅读过很多关于图标设计的文章,但是今天的文章不一样,今天我们的文章不会花费很长时间来单独介绍某一个图标的设计,而是设计任何一套图标应当遵循的基本流程,以及一定要注意的8个关键的注意事项,你可以将这些东西带入到一些现成的案例当中去验证。这个注意事项清单,也可以被视作为给设计师所编写的图标设计指南,即使设计趋势发生变化,这些规则和经验依然适用。遵循这些规则和技巧,能够确保图标从设计到使用都可以更加无缝和顺畅。我们并没有重新发明轮子,相反,我们会以...

  • 实用干货!2021年4月值得收藏的8款高素质图标库

    实用干货!2021年4月值得收藏的8款高素质图标库

    图标是设计过程中绕不开的重要素材,好图标库尤其难得。不同图标库的特征和功能各不相同,你需要通过筛选之后选择适合你的设计项目的图标库。和以往的很多图标库不一样,现如今的很多图标库都增加了在线编辑的功能,可以帮助设计师更加直接地获得需要的样式,有的则提供 Figma 和 Sketch 插件,这次筛选出 8 套基本免费的图标库(部分有标注需求或者有高级付费版服务),来看看吧:一、Phosphor iconsPhosphor是一个灵活的图标库,风格统一且完善,可用于UI界面,图表,PPT乃至于各种数字产品当中。你可以在...

  • 免费可商用!7 个全新的高质量图库

    免费可商用!7 个全新的高质量图库

    Pixeltrue Packs这是最近 Pixeltrue Packs 推出的新的免费图库,其中包含的不止有插画,还有动画,总计有 500 多个,全部都是免费可商用的。Streamline 4.0Streamline 刚刚升级到 4.0 版本,它是目前最大的 UI 基础素材库之一,它拥有超过 100,000 个图标、插图和表情符号的素材,类型丰富,风格迥异。Artify IllustrationsArtify 是一个包含 5000 多款插画的图库,图库内的插画可以分为70多种不同的风格,而这个插画图库提供了面向...

    UI设计 2021-08-16 278 0 UIUI设计师UI设计
  • UI 和 UX 微技巧:第四卷

    UI 和 UX 微技巧:第四卷

    在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第四篇,原文最早发布于 marcandrew.me 。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!1、在排版时,...

    UI设计 2021-08-12 275 0 UIUI设计师UI设计
  • UI 和 UX 微技巧:第三卷

    UI 和 UX 微技巧:第三卷

    在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第三篇,原文最早发布于 marcandrew.me 。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!1、让视觉元素...

    UI设计 2021-08-11 325 0 UIUI设计师UI设计
  • 2021年最实用的摩登极简风UI设计指南!(三)

    2021年最实用的摩登极简风UI设计指南!(三)

    十一、UI 和 UX 微技巧:第二卷。这里是ui设计小技巧的第二卷,这篇来自Mark Andrew 的文章。梳理了6个实用性很强的提升界面的设计视觉效果、用户体验,UI效果的小技巧,这篇文章最早发布于 marcandrew.me,快来看看吧。1、在您的 UI 中使用已建立的图标以避免用户混淆。在您的设计中添加图标时,请坚持选择一个已建立的图标 ,该图标清楚地表示将要采取的行动。选择一个能传达正确含义和功能的图标,因为其他任何东西只会引起混乱并成为用户的认知障碍和心里混乱。。2、使用《接近》来表示元素之间的关系。在众...

    UI设计 2021-07-31 333 0 UI设计UI设计师UI
  • 2021年最实用的摩登极简风UI设计指南!(二)

    2021年最实用的摩登极简风UI设计指南!(二)

    十、UI 和 UX 微技巧:第一卷。在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 9 个实用性很强的 UI 效果提升小技巧,这篇文章最早发布于 marcandrew.me,快来看看吧。在创建漂亮而高效的 UI 的时候,你需要花费不少的时间来打磨细节,并且在此过程中进行不断的调整,让你的客户、用户以及你自己感到满足。如果你是设计师,你会很明白这种感受。我在做设计的过程中,发掘了不少实用的、有效的细节调整的技巧,可以快速地将整个设计稿的...

    UI设计 2021-07-31 394 0 UI设计UI设计师UI
1 2 3 4 5 ››

网站建设_网站优化就上魁元网络

https://www.kuaichez.com/

| 粤ICP备2020133026号

Powered By 魁元网络 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络