首页 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 1042 0 UIUI设计师UI设计
  • UI 和 UX 微技巧:第四卷

    UI 和 UX 微技巧:第四卷

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

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

    UI 和 UX 微技巧:第三卷

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

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

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

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

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

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

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

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

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

    一、现代简约UI 风格指南这篇文章来自资深设计总监 Diana Malewicz,她根据实际经验和设计流行趋势总结了梳理了当下可能是最有效的「现代简约极简风」的设计指南:原话:很久没有这样的东西了,我觉得我一直在等待一种新的、功能性的、视觉上吸引人的设计风格的出现。它完全偷走了我的心。我已经在许多界面中目睹了类似的设计风格模式。这些界面看起来非常好——它们引人注目且可读,但友好且不太奢侈。我认为它们是兼具美观和功能性的完美结合。所以,我称这种设计风格为“现代简约”。与其他设计风格相比,它是简约的,但同时又不像旧的...

    UI设计 2021-07-30 964 0 UI设计UI设计师UI
  • 又一个在线抠图神器FocoClipping!三秒出图全自动超方便!

    又一个在线抠图神器FocoClipping!三秒出图全自动超方便!

    如果想要将照片里的人物或商品图案裁切下来、贴到其他背景使用,通常会用到去背工具,也可能会受到背景复杂程度影响而有不同的难度,考验着设计师的功力。现在有非常多强大的自动化去背服务,通过机器学习技术,可以精准判断出相片的主体和背景范围,再自动将背景移除置换为透明图,亦可快速套用特定背景图案,让去背变得没有难度也更节省时间。本文要介绍「FocoClipping」是最近新上线的免费去背工具,将相片拖曳到网站上传后就能自动移除背景,这项功能 100%自动化,只要三秒钟就能快速完成,如果遇到较为复杂的情况也有手动编辑模式可...

  • 四两拨千斤!快速改善UI视觉体验的7个小技巧

    四两拨千斤!快速改善UI视觉体验的7个小技巧

    也许你是个新手设计师,也许你是个有着丰富开发经验的开发者,但是有需求让自己设计的网页和UI看起来更像那么一回事,至少看起来不是一个外行的手笔。那么今天的文章应该能够帮到你。在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。改进设计这件事情,经验和技巧往往能让人少走弯路。闲话少叙,下面我们具体看看。1. 按钮色彩凸显重要性在给用户提供多个选择的时候,可以通过色彩所传递的情绪是积极还是消极的,来简单快速地进行设计。实际上,红色和绿色按钮的色彩含义,已经横跨物理世界...

  • 来看腾讯设计师如何设计节日闪屏!

    来看腾讯设计师如何设计节日闪屏!

    情感化设计已经不是一个新概念,唐纳德·诺曼在《情感化设计》一书中,清晰地阐述了情感化设计的重要地位与作用。现阶段,同类型的产品在功能、服务、内容上日益趋同,差异越来越小,想让产品触及用户的内心,除了功能满足需求之外,也需要进行情感化运营。微云在不断完善基础功能的同时,还基于用户行为,增加了许多情感化的体验,比如往年今日、人脸相册等。在情感化运营上,微云在2018年开始了较为完整的节日闪屏设计,希望向用户传达节日的祝福,拉近产品与用户的距离。什么是节日闪屏?节日闪屏是指在特定的节日进行情感化设计,传递品牌关怀的闪屏。...

  • 深圳学ui设计去哪个培训机构?

    深圳学ui设计去哪个培训机构?

    在深圳有着腾讯这样的互联网巨头公司,所以它的互联网产业是非常地发达。在如今的互联网公司中,少不了UI设计师的身影,从平均水平来看,深圳UI设计师的薪资在10K左右,具体数额随着工作经验和项目经验而上下浮动。想要成为一名UI设计师,很多人都会选择市面上众多的培训机构。但是你知道学习UI需要有什么基础吗?需要学什么技能吗?只有当你有足够的了解后,你才能够看出培训机构的课程是否靠谱,是否能够帮助你成为岗位人才,否则只会浪费时间与金钱。学习UI设计,首先需要有一定的美术基础。不过一些培训机构会为你提供美术基础课程,所以这并...

  • 深圳学ui设计去哪家培训机构?

    深圳学ui设计去哪家培训机构?

    深圳一个科技发展之都,这里同北京上海一样,聚集着大量的工资,也有着大量的商机工作机会,深圳同样需要大量的优秀UI设计师。如果想做设计师,想通过UI培训这条路进入设计师这个行业,选择适合自己的UI培训机构是重中之重。那是大品牌,那家学费低,那家推荐工作,那就报名人好多呀,这么多人报名肯定错不了!这种想法是对的么,是正确的么?选择机构时一定要看看这家机构主营业务是什么,是不是专注这一领域 ,格力空调不错,但你非得去买格力手机那就没有办法了!作为培训,是一种相对很私人针对式的授课方式,不同于高中初中,要不然也不叫“培训”...

  • 深圳平面设计工资一般多少?

    深圳平面设计工资一般多少?

    深圳平面设计师工资一般多少?做平面设计你可以在工作室内和5,6个知音共创天地,也可以在广告公司成为基础骨干,可以在大公司走向设计主管和创意总监之路,也可以结识各行各业客户向更宽领域发展。如果时机成熟,哪怕自己当老板也广有人在,几台电脑简单设备就可以办个设计公司……可谓是:一技在手,万事无忧。如果是学习平面设计的话,重要的就是确定自己对于平面设计的兴趣,因为做设计要学习的东西很多,工作中遇到的问题也会很多,需要有很高的兴趣才能从零开始慢慢成为一个真正的平面设计师。一般而言,刚入门的平面设计师,在一线城市比如北京、上海...

  • 平面设计需要学哪些软件?

    平面设计需要学哪些软件?

    平面设计需要学哪些软件?在我们学习平面设计的过程中,前期的学习对于设计软件的掌握显得尤为重要。大多数的平面设计均需要结合电脑完成,今天,魁元网络就来跟大家分享一下平面设计需要学什么软件?一、全能选手PhotoshopPhotoshop简称”PS“,是Adobe公司开发的图像处理软件,主要处理以像素所构成的数字图像(即位图图像)。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。在从事网页设计工作中,用得最多的软件就是PS。以前也用PS设计过平面海报,易拉宝感觉也挺好用的。当然PS来处理图片、调色修图、...

  • 平面设计风格有多少,你最擅长哪一种?(下)

    平面设计风格有多少,你最擅长哪一种?(下)

    17、故障风(难度★★★☆☆)故障风,也被称称作Glitch art。Glitch字面上的意思是指电子设备出了小毛病,由此产生而产生的特殊艺术效果,看起来像是电子产品故障所产生的效果。适合艺术、前卫、年轻潮流的设计。故障风格表现形式的最显著特点,就是有横条纹的色彩碎片,或则图形文字边缘出现彩色晕影的效果。软件:PS、AI、CDR能力:软件操作、色彩搭配、素材选取。拓展:要制作错位的色彩碎片,主要会用到选取工具,以及PS中的滤镜(风、马赛克、凸出、波浪)推荐大家看看下面这篇文章,明白其中的最基础原理。18、流体渐...

  • 平面设计风格有多少,你最擅长哪一种?(上)

    平面设计风格有多少,你最擅长哪一种?(上)

    一、什么是平面设计风格平面设计的目的,是用来传递信息的,设计师在创作过程中,使出了浑身解数,就是希望给人们营造出不同的、或丰富的视觉体验,而设计风格,便是对这种视觉体验的高度概括。平面设计设计的风格,与房屋建筑的外观设计有些类似,虽然其主要功能都是用来住的,但不同风格的建筑,却总能给人带来不一样的居住和观赏体验。二、为什么要了解设计风格作为平面设计师或初学者,知晓并了解这些设计风格,一方面能够帮助我们开拓设计视野,另一方面,也能让我们更好的去分类解读市面上纷繁复杂的设计作品,并拥有更广阔的创作思路,让你不再为视觉设...

  • 自学平面设计,需要学哪些软件?

    自学平面设计,需要学哪些软件?

    在面对众多平面设计软件时初学者往往不知从何下手,平面设计软件,罗列出来不计其数,而真正被平面设计师最常用到的主力软件有哪些呢?接下来和魁元网络我们一起来了解一下吧!一、Photoshop(简称PS)Photoshop简称“PS”,是Adobe公司开发的图像处理软件,主要处理以像素所构成的数字图像(即位图图像)。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。在从事网页设计工作中,用得最多的软件就是,以前也用PS设计平面海报、易拉宝感觉也挺好用的。当然PS来处理图片、调色修图、做些特效合成这是PS的最...

  • 平面设计是做什么的?

    平面设计是做什么的?

    对所有行业来说,Logo是非常重要的,它代表了一个企业的形象、可以提高品牌的辨识度,让用户和消费者产生品牌认同感,从而购买他们的产品。但是平面设计不只是做个Logo,它还包括其他的视觉内容和应用,比如海报、邀请函、专辑封面等等。越专业的平面设计公司服务的企业越大,设计要求也越高。真正的平面设计很少服务于个人,街边打印店除外。打印店最主要的还是印制输出为主,满足基本的广告需求。如媒体资源公司,活动策划公司,文化传播公司,展会设计公司,品牌策划公司,网站设计公司,也有楼下那种专门做字牌的店,还有4A公司。纯靠平面设计挣...

  • 哪些很厉害的动效都是用什么做的?

    哪些很厉害的动效都是用什么做的?

    提起UI,必不可少的就会想到动效,动效设计作为UI设计当中必不可少的一环,已经由最初的美观酷炫发展到提升用户体验和产品需求的重要作用。很多时候设计不能光靠嘴去跟产品经理逼逼你的想法,静态的设计图设计出来后也不见得能让老板和甲方爸爸一目了然。因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真demo产出。这样就节约了太多的沟通成本。那么我们今天就来讲讲真正便于UI动效制作的工具软件你知道几个?一、AE主要用途:制作预设的效果和动画特点:学习首选,强大牛逼,基本上要的功能都有。推荐理由:Adobe Af...

  • UI设计要做什么,都要学什么?

    UI设计要做什么,都要学什么?

    随着互联网行业的发展,UI设计师越来越多的被提及,UI设计师大火,薪资水平也是一路飙升,很多这个岗位的同学都过上了真正的小资生活,因此也有越来越多的人转行投身UI设计师。但是初学者往往会犯一些错误,导致走弯路,作品不够精良,技能得不到提升。今天我们就重点说一下UI初学者都学什么,怎样学最有效。一、UI设计师做什么的,需要学什么我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也...

  • 如何做好网站首屏设计?

    如何做好网站首屏设计?

    首屏在网站的设计中起着非常关键的作用,它奠定了网站整体的基调。特别是极简主义盛行的这个时代,各种花里胡哨的东西往往不被看好。所以有时没有其他东西可以吸引眼球,网站首屏设计就变得更加重要。考虑到创造性和生产力,网页设计师在设计网站的这一部分时付出了大量的努力。因为消费者对品牌的认识就从这里开始。但据谷歌统计,消费者对一个网站的意见只需50毫秒就能形成,甚至有的只需17毫秒。要了解如何设计一个有效的网站首屏,以及它应该包括哪些元素,请看下面的例子。一、什么是网站首屏什么是网站的首屏(header)?过去,人们通常把LO...

  • UI就业者要掌握哪些呢?

    UI就业者要掌握哪些呢?

    很多学设计的小伙伴都有这样一个感受:前些年还很火热的UI设计,这两年突然有点冷,尤其是今年因为疫情的影响,UI工作更难找了,真是这样吗?我们承认疫情造成一部分岗位就业困难,但是,UI整体来说并不是不火了,而是更成熟,企业更加理智了。根据目前的求职现状,我们整理了一份来自知名互联网大厂的招聘JD,也许其中的岗位工作职责可以给你一些感受和求职方向:1、负责公司移动端UI界面设计,为公司新产品与新功能提供创意及设计方案。2、参与设计讨论,和开发团队共同创建用户界面,跟踪设计效果,提出设计优化方案。3、参与移动产品设计体验...

  • 优秀的UI设计师是什么样的?

    优秀的UI设计师是什么样的?

    不想成为将军的士兵不是好士兵,每个行业和岗位都有做到非常出色的人,而那些人才是我们要学习目标和方向。学UI设计也一样,抱怨市场和行业永远没用,要努力向优秀的人看齐。那么优秀的UI设计师必须具备哪些能力呢?一、UI设计师需要学习什么内容成为一个优秀的ui设计师除了需要掌握Photoshop、Illustrator等设计工具外,还需要掌握Dreamweaver、HTML、DIV+CSS等网站技术工具,同时还需要具备交互设计的思想。二、优秀的UI设计师是什么样的沟通表达能力比较强,因为作为设计师要跟产品经理沟通,你要跟开...

  • 设计师们的思维模型你知道吗?

    设计师们的思维模型你知道吗?

    设计思维模型对于互联人来说是非常重要的,我们经常碰到求职的同学,要么系统思考不够,要么用户和商业思维不足。那么到底什么是系统思考,设计师该如何学会系统思考呢?一、设计思维模型的重要性设计做久了你会发现离不开流程和思维,之前支付宝一位大佬总结下来叫“左手艺术,右手科学”,艺术大家都明白,设计师是感性动物,对于美的追求是大家都擅长也有发言权的,科学则指的是:我们需要通过科学的方法流程,系统的思考问题方式,让设计不止好看,同时也符合用户,商业诉求,达到这3者的平衡点。所以设计师,除了关注「左手」艺术的部分,同时也需要关注...

  • 想学设计需要哪些软件?

    想学设计需要哪些软件?

    在UI设计工作中比较常用到的设计软件主要有:PS、AI、XD、SKetch为主,以及还有其他的一些辅助设计软件,比如Axure、AE、C4D、DW、墨刀、蓝湖、Eagle软件等。当然,软件只是一个设计工具,会用软件了,不代表你就会设计,而软件也不能盲目去学,PS软件有上百个功能,不用全部软件功能记住,你只要把常用到的那些软件功能能熟练掌握运用就行。下面介绍一下UI设计常用到的软件:一、PS软件Photoshop 是一款世界著名的强大数字图像处理软件,在设计界里几乎都要使到PS软件,应用比较广泛,它有比较多功能,...

  • 怎么样让你的设计更有吸引力?

    怎么样让你的设计更有吸引力?

    随着人的审美需求的变化,用户界面设计越来越以用户感受为中心。一个美观的界面会给人带来舒适的视觉体验,同时也能够吸引用户,拉近用户与产品之间的距离,从而创造市场价值。从另一层面来讲,用户界面设计的过程也是一个研究如何吸引用户、满足用户视觉需求以及使产品和用户之间能够融洽沟通并产生情感共鸣的过程。从人的视觉心理和情感的角度来分析如何使用户界面更具备吸引力是值得探讨的问题。一、具有吸引力的用户界面用户界面是人与产品之间交流、沟通的载体,一个好的用户界面要具备吸引力,它应该集“实用、易用、美观”于一体。在人与其互动时,它可...

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

https://www.kuaichez.com/

| 粤ICP备2020133026号

Powered By 魁元网络 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络