UI设计
5种UI设计中实用APP导航菜单设计方案
手机分辨率比桌面平台小很多，所以设计手机网站或是移动应用的时候，导航菜单都需要考虑周全，尽量保持简约和易用性高，这里我们整理了5种实用的移动手机App导航菜单设计方案，你可以尝试这些菜单设计模式用在你的新设计项目上，好用而且有新鲜感。这5种App菜单设计方案也许有很多设计师已经在使用，但不能否认它是目前实用的，而且能提高用户体验的菜单设计方案。下面摘选移动手机UI设计美观、时尚，希望你看了后会有灵感收获，能把你的菜单设计得更棒，好好学习吧。APP导航设计类型：1、列表式菜单2、矩阵、网格式菜单3、底部菜单4、顶部菜单5、扩展菜单一、列表式菜单列表式菜单设计这个从网站到手机APP上都很常用的，遵循由上至下的阅读习惯方式，所以使用起来用户不会觉得困难。另外我们可以通过漂亮的配色、图标组合来设计，使得菜单更多加美观。
8个你需要知道的2017年UI设计流行趋势
2017年马上就到了，今天�心病狂十六夜� 这篇译文总结了明年可能会流行的8个设计趋势，一起来收。UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长，进化。虽然有些趋势还有待检验，但我们还是需要不断的去学习新的技术。优秀的UI设计是包含了简洁和易用性这两点。这也是每个设计师的职责。但是相反的，如果用户在使用时完全摸不着头脑，对UI设计来说就非常失败了。设计趋势变化的理由需要考虑各种各样的因素。例如2015年推动设计变化的原因是硬件的变化、移动终端的响应能力增强。在已经发布的众多应用中，有人气的功能将迅速转变为必需品。此外当今社会90%的年轻人，都在通过移动终端进行着基本操作。那么，让我们来一起看看2017年的设计流行趋势吧。目录隐藏菜单Touch ID的完全支配
Dribbble上值得你关注的10位UI设计师
追波是学习UI不错的网站，设计达人网一直精选Dribbble的优秀设计作品和素材供大家学习参考，而今天向大家推荐一些值得你们关注的设计师吧，至于这个Top 10排名是来自我的关注List里，而且都是和UI设计相关的设计师，如果你有好的推荐，欢迎在下方评论处留言和建议。下面这十位是来自全球的设计师，他们的UI设计作品十分优秀，就算是临摹他们的作品也能学到不少东西，建议你关注他们。Dash关于Dash这位设计师我十分喜欢，除了UI设计外，我更喜欢的是他的创作能力，细心看看，他很多作品都有独特和创新之处，UI界面设计不仅仅是好看好用，而且要创新哦！国内现在这么多应用中，有那一个没有抄袭的影子？所以我们在学习人家作品之余，更重要的是懂得自己创作、创新，这样才是真正的进步，否则你永远超越不了别人。链接地址：http://dribbble.com/DashArtua链接地址：http://dribbble.com/ArtuaTim Van Damme
如何进行一场高质量的UI设计评审
产品设计流程中，有必要对设计进行评审是大家的共识。在我每周的工作内容中，参加各类大大小小的设计评审是必不可少的一环。既有脑力激荡的评审让设计方案脱胎换骨的，也有针锋相对的评审让设计方案摇摆不定的。怎样进行一场高质量的设计评审?设计师应该如何应对设计评审，更好的表达设计意图，并收集意见改进方案?怎样避免设计评审变成竞稿或PK?如何确保设计评审这样的流程能带来更大价值?带着这些问题，我们一起看看原文作者Jason的观点。批评从来都是很容易的事情，似乎人人都能拥有自己的观点。但正如作者Harlan Ellison指出“你无法把控(他人)对你自身的意见，但你能把控(他人)对你观点的意见。” 观点的形成需要探索，而设计评审正是产品探索的重要环节。创意者与团队或客户讨论并解释其创意时的设计评审，并非缠着设计师要求解释验证每一项设计决策，那仅仅是批评。优秀的设计评审是探索整个设计过程，找到亮点并发掘改进机会。理想状况下，设计评审让团队中每个人都有被倾听的感觉，允许客户给出有价值的反馈。设计评审中提出建设性意见往往是个挑战，尤其在团队缺乏设计评审的经验时。在敏捷开发团队中，程序员、项目经理、产品经理及其他相关人员坐在一起反馈，你得明白如何应对他们，并且把事情迅速往你的期望方向引导。UI 设计评审的原则根据我的经验，针对UI的设计评审应当在整个产品设计与研发过程中开展，或者至少以定期的方式，每周甚至每日开展。这么做可以让产品设计可控，尤其在设计需要进行多次迭代的敏捷或者精益产品流程中。开展UI设计评审是一项挑战，不仅需要解释决策，还得耐心听取其它建议。在每次设计评审前建立清晰的原则而不是“规矩”至关重要。与规矩不同，原则不是教条式和限制式的，而是帮助每个人对焦期望，并允许进行自由形式的讨论。这些期望中的重点是让每个人对你提及的点评细节达成共识。Jason Ulaszek推荐道：「在你点评的设计细节上开始询问背后的原因及意图。为什么我们需要这条信息?对于允许索取这条信息我们设置了哪些期望?我们会用它做什么?如果我们能回答它们，再进入讨论解释各种元素的优劣以及与之对应的不同意见会比较好。」
详解UI设计新人常见的7个简历问题
年后就是求职季，这个假期好好准备简历，才有希望找个高薪工作。阿里设计师 总结了这7个简历制作要点，都是实战经验，也是很多新人会忽略的点。01. 常见问题就目前看到的简历来说，主要存在两个现象：以 PDF 或 PPT 格式为主的充斥大量设计稿的简历以 Word 为主的纯文字简历现在的大部分人都有一种主观意识，认为做视觉的就是要有大量的设计稿堆成的文档来作简历。其实这样会出现问题，一个是首先拿到你的简历的是 HR，他们不会对你的视觉稿多做端详，HR 更关注你的个人信息，所以视觉稿堆成的图让 HR 很难获取你的个人信息，因为有些 PDF 格式的信息是不能复制的，或者复制出来后会变成乱码。 另一个问题是，除非你的设计稿非常突出，不然大家都是这样的形式，你就很容易被筛选出局了。 还有纯文字形式的简历，这部分人主要是以 Word 格式为主，其中有一部分人会在里面附上自己的作品链接，这点不错，但是有一个问题：通过了 HR 的筛选，到了专业人士时，就会对你的简历嗤之以鼻。(有几个小伙伴的作品链接一直打不开，这也是问题，好好检查下这些细节的东西) 如今这个行业，大部分公司对设计的重视程度相比过去而言，已经提高了几个档次，所以无论是单看作品还是纯看信息，都是无法判断出你能力如何或是否适合这个团队的。 所以设计简历是必要的，但是要注意几个点。02. 到处都存在视觉有一部分小伙伴的简历问题不是一般的大，其实本身界面做的都很不错，但是做的效果图却很一般，排版又全是问题。都是简单的把自己做的界面平铺在画板上，一点逻辑可言都没有。稍微做点调整，把你的展示图与界面简单的做个设计，顺便展示下你的设计水平。
详细解析如何丰富APP动态效果的六点原则
这篇文章是百度云UE负责人elya妞撰写的，从动效的6个方面详析怎样借移动应用强力提升APP品质，篇幅虽短，但是总结精炼，很值得一读。如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机;丰富的动效可以让你的应用彰显效率，提升品质感;丰富的动效可以让你的应用充满魅力，引人探索;丰富的动效可以让你的应用减少焦虑，消除等待感;丰富的动效可以让你的应用充满韵味，有节奏感;丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。原则一：转场由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提供一些官方的动效的API，一些简单的动效可以直接调用官方API来完成。Android官方动效8个，iPhone官方动效19个，WP7官方动效6个，具体几个平台的动效有哪些差异，后续有机会分享。原则二：邀请直接提供邀请，告知用户可以做的事，效果最直观，引导性最好。但是要注意操作邀请一定是需要突出的主要功能或任务，不能什么功能都邀请用户试用一下，要知道，大部分用户只用到你应用里的20%就算不错了。邀请不能过于强制，如非必要，中断用户正在执行的操作是很不礼貌的行为。
合理的利用对齐来提升网页的设计感
利用栅格系统进行对齐，这是很常见的事情。本文谈论的对齐可不是简简单单的左对齐和右对齐，我们谈论的是整体角度上对齐的一些方法。合理的对齐能让你的设计更诱人，也能更方便用户浏览，提供极佳的阅读体验。几乎页面上所有的元素都需要对齐，无论是文本，还是图像，抑或一组组视频，以及一堆堆按钮和链接。栅格能够帮助你进行对齐，但是不同的元素对齐方法也不尽相同，各自有各自的奥妙。不要为了对齐而对齐，要为了用户体验而对齐，这才是本文宣讲的目的。对齐决定了元素的摆放位置以及和其他元素之间的空间关系。好的对齐能够让元素与元素之间的间隔更流畅，让元素彼此的搭配更协调。为什么所有的元素都需要对齐?很多人不喜欢栅格系统，因为有所限制，他们不希望自己的创意受到妨碍。通俗上讲，栅格就是一大堆能够帮助我们创造区块的栏;而CSS中，排版的核心是盒模型，想要打破栅格很难。为设计加入对齐当然，并不是每一次都需要全部对齐。对不对齐，取决于你的设计作品或者工作方式。或者，可以在设计时不管对齐，大致创意完成后，再给设计加入对齐。要注意：不要因为对齐，而使设计过于死板，让网站丧失了趣味性和探索性。对齐意味着你需要开始钻研布局技巧和栅格了——不过这次不用6栏栅格，用的是4栏。全屏覆盖的栅格——6+4。使用软件为Gridset App.当你的设计很适合使用栅格布局时，那么请用之。让元素对齐栅栏，布局可选项非常丰富，即便是最简单的4+6。
让网页在各式终端奏响美妙乐章
科技在进步，网页设计的技巧也在进步。新的科技带来了新的挑战，因此，我们需要新的解决方案。有时，我们面对崭新的未知领域，实在是毫无经验，只能根据直觉去打造解决方案。而有时，我们在新领域面对的问题有过去的影子，我们可以从历史、别人的经验中找到答案。相对其他设计那漫长而又荣耀的历史，网页设计的历史有限，因此能给出的经验也相对有限，而我们又不得不借鉴这段有限的历史去解决近乎无限的问题。虽然图形设计和视觉传达艺术的经验我们也可以学习。但是网络完全不一样，我们不应该被束缚，因为网络的本质是自由。如果我们能够分析出问题的因和果，分析出问题的组成，那么问题就好解决多了，世界上任何事物都有一定的规律，有章可循，我们可以向一切学习，获取灵感，从而解决问题。即使是音乐和心理学这种不相关的领域，我们也可以从其中找到解决问题的答案。即使是约翰·塞巴斯蒂安·巴赫的乐章，其中也暗藏着迎接挑战的方案。本文我们将进行一次历史的穿越，让那个时代伟大的艺术家巴赫来解决网页设计中的问题——网页设计，该如何适兼容性不尽相同、特性各异的不同设备。巴赫和他的十二平均律1722年，巴赫收集整理了自己的键盘曲集，打算用此来为年轻的音乐家教学。这本曲集包含了48首曲子——从C到B有十二个音，十二种调性，每种调性包含了大调与小调。调式总和为24，而每一个调都写了前奏曲和赋格曲，共计48首。现在成为了西方音乐的主要规范，这是西方音乐史上总重要的作品之一。巴赫将此命名为平均律你要知道巴赫时代的钢琴是古钢琴，和现代钢琴不同，那时候的键盘现在看起来也很非常规。古钢琴的发音原理是：通过羽毛管的拨子拨动金属弦发音，且击弦后立即脱离琴弦的装置，所以无法连续弹奏，一次只能弹一个键。在那样落后的时代，想要将十二个大调弹奏的合调，是很艰难的。因为在巴赫的时代，所使用的调律法节本上是纯律，这很不利于转调。想要改变物理规律很难，但是人类的观察角度却很容易转变。问题：无法和谐的弹奏。原因：1.钢琴物理因素。2.弹奏无法合调。既然物理上改造钢琴很难，所以巴赫换了一种角度来思考，他将问题重新定义，主要致力于“合调”问题的解决。巴赫将8度音程平均分为十二个半音。这样，问题就得以解决。这种折中的、系统性的解决方案被称之为音律。巴赫十二平均律中第一首前奏的开头部分(图像来自：*)这种因巴赫而驰名的、可以用来解决问题的音律系统被称之为十二平均律，今天西方音乐的“均分律”和“平均律”有一些差异，但是他们的目标是一致的：使每个按键略有差异(或者说是略有瑕疵。，这样就能合理利用全键盘。这是音乐上的实用主义。
网页设计中应该知道的数学运用技巧
这篇文章并不是教大家怎样做设计，而是教大家通过一些“工具”把你的设计变的更合理，更平衡;同时也要记住，规则是死的，人是活的，怎样遵守规则的同时破坏规则是决定你是否能成功的关键。好的设计没有周详的计划是不可能实现的，而数学在这个计划中有着举足轻重的作用。有人可能会说我早就知道了，比如算什么margin或是padding的，算高度什么的，这个应该就是你所说的在设计中运用的数学吧?其实不然。应该说我的数学有更高一层的意义(脸皮比较厚)。我觉得我在这里和大家讲几千个字，还不如给大家一个真实的例子。让大家看看我在做设计前的一些“准备工作”。最近我正在设计一个教会网站，我一边设计一边把一些截图发到网上获取一同行们的意见和反馈，但是大家并没有看到这些设计背后蕴藏的”玄机”。废话不多说了，现在进入正题!一、确定页面宽度在你设计任何一个网页之前有一些东西你是应该尽快做出决定的。其中最主要一个东西应该是页面的宽度，我个人是比较喜欢960px作为宽度，即使用户使用的是1024*768的分辨率，网页也不会出现横向移动 - 当然你可以使用任何宽度。第一步已经完成了，我们进入第二步。二、划分区域