对于每个网页设计师而言，在设计过程中总会碰到需要作出设计决策的时候。也许你的公司并没有全职设计师，而需求上则要求设计出全新的UI；又或者你正在制作一个你自己的个人项目，而你希望它比 Bootstrap 的默认效果要强一些。这个时候很多人会退缩:“我并不是一个艺术家，我没法作出更好的效果！”但是事实证明，想要设计出更优秀的效果，合理地运用技巧其实更重要，而且是可以出效果的。 今天的文章，我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧。很实际，也很实用，希望你们能喜欢。 1、使用色彩和字重…
不知道你有没有这样的情况，临摹了很多设计作品，但是等到自己原创的时候，就做不出来了！ 为什么？ 因为临摹的阶段有很多种，而且每个阶段都有不同的侧重点，也许你并没有注意对一些细节的思考。 为了解决这个问题，今天菜心就来简单介绍四个临摹的阶段，大纲如下： 跟着教程临摹 对照原稿临摹 加入想法临摹 转化现实临摹 1. 跟着教程临摹 如今网上有很多设计类的教程，手把手教你把一个图标（或海报等）做出来，这种临摹方法会告诉你一些具体的数值，你只要跟着一步一步做就可以。 但这样就够了吗？当然不行，如果不思考，跟着临摹再多也不会有…
编者按：流行色彩每年都在变，年年都会有微妙的差异性，2016年在UI上的用色还没有那么大胆，但是2017年开始，色彩运用的越来越大胆了。比如新版淘宝，就采用了比较年轻态的渐变色，色彩的运用也趋于多元化，极简风与大胆扁平渐变色会共存，下面我们就来做个小小的归纳总结。 趋势 1：冷暖色相渐变 此类在UI中运用的较多，比如新版淘宝就是采用暖色单色相的渐变色，这也是2017-2018年产品界面用色的趋势之一。 趋势 2：饱和度较高的纯色 这类用色在品牌、插画等领域用的居多，不过在个人网站或创意设计网站慢慢的也多了起来，对于…
【免费下载】45+件2017最新非常漂亮的UI工具包 博客UI套件 文件格式：Sketch Prometheus| UI套件 文件格式：PSD 鼓舞人心的UI元素下册 文件格式：PSD Ease UI Component Free Sample 文件格式：PSD Chat 文件格式：PSD，Sketch Creatone UI套件 文件格式：PSD …
一套扁平化UI工具包送给大家，百度网盘下载： 链接：http://pan.baidu.com/s/1sjtI63F 密码：tnqs
本篇文章搜集的内容不是很多，但是很实用的CSS用户界面工具包，你可以免费下载的ui工具包。 每个CSS UI工具包包含按钮、盒子、进度条、滑块、标签、通知、旋转木马、复选框、单选按钮、开关等。 点击图片进入下载页面。 CSS Inbox User Interface Drunken Parrot UI Kit Toolkit GET – S.. DONE Bootflat Amsterdam UI Kit – CSS INK &nb…
今天收集了九套漂亮的ui工具套件，比较适合简洁干净的web页面或者app界面。 希望能给大家带来些灵感和创意 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载
转自可乐橙 我之前撰文讲过多余的动画，引发了一些共鸣。得到了非常积极的反馈，我很高兴了解到，动画过多的界面也会令其他人手足无措。 老实说，我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。 克制，是一名优秀UI设计师的特质。它要求你了解所选平台的能力，然后避免使用它（除非时机成熟）。 与其为多余的动画惋惜，我宁可学习深思熟虑的动画，尽量提出一些方案。 我期望得到你对本文的评价与建议。 做作的动画案例 下面是一则快速且做作的动画案例，我以此来演示UI动画中的卡通化现象。尽管这是个略微夸张的例子，但事实上…
越来越多的同学开始着迷UX/UI设计，这个领域的高手和爱好者也越来越多。于是大量新的想法、设计流程、设计手法以及形形色色的“原则”开始出现在这个领域当中，用良莠不齐这个词来形容UX领域其实非常恰当。用户体验设计需要你作出艰难的决定，成为优秀的设计师并不容易，你需要从错误中不断汲取经验教训，成就自己。人们总是犯着类似的错误，新的思路听起来很不错，但是并不足以成为用户体验设计的标准，但是也正是这些错误的修正，造就了真正优秀的设计。 许多概念看起来炫酷，但是稍加推敲就会发现它的谬误。还有一些规则看起来逻辑清晰，但实际也并…
很高兴与大家分享免费资源:云端技术图标，这组图标可以在任何web托管相关的项目派上用场。 图标格式有：AI,EPS、PSD、SVG和PNG Preview Have a look at all 36 icons: 百度云链接：http://pan.baidu.com/s/1ntiXBLZ 提取码：cbxa 英文原文地址：tympanus.net
我们将向大家展示下网页动画的现状地图，并收集了一些具有多变表现力的类库、框架和插件。 图1：网络动画地图 下图分为三个区域，第一部分是一些容易理解的动画类库，撇开已经达到期望的通用动画方法外，还从简单的方法和函数到时间控制都提供了大家所希望的工具。我 们从JavaScript类库中分离了用CSS3过渡的动画元素，也挑选出了能够和SVG，WebGL或者HTML5 Canvas相连接的动画类库。 图2：工具列表 第二部分是专为文档模型中像滚动动画，视差，CSS sprite，3…
互联网顶级资源全聚合！今天这组网站囊括了全球最大的UI资源库、免费神级图库、海量PSD设计模板、高达300万种的配色板，超多免费背景以及高效率Photoshop插件等，包你一眼倾心 >>> 1. UI Cloud UI Cloud 号称拥有世界上最大的用户界面设计资源数据库，可以下载多达四五万个UI元素，比如进度条、音乐播放器等等。 2. Freeimages 做网站设计时、向客户演示PPT时都需要用到精美图片，正如网站名称所表达的你可以下载到大量的精美图片，而且是免费的哦！ 3. Kaku 如果…
毫无疑问，在UI和网页中使用动效已经成为大趋势。这种趋势是如此之明显，以至于越来越多的应用已经不是为了提升体验而设计动效，更多是为了强调动 效本身。设计师 Pasquale D’Silva 在2013年的 Web Direction South 上曾这样说过： 好的动效是隐形的。(作为用户的)你不应该注意到你正在看一个动效。 这是一个很好的建议，我们作为屏幕背后的设计和开发团队，事先在脑中设定几个原则：动效的存在必须提高可用性，令人觉得自然，含蓄，是给予用户反馈的一种机制。 在过去的一年里，我一直忙于…
透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。 此外，你还能轻松尝试不同的透明度来达到不同的效果，例如在界面上添加更具有光泽的图层可以让人感觉更加精美，总之，淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。 今天，我们就来一一介绍各种透明的精美APP界面。 Alex Bender的Portfolio经过抛光而显得精致，由IOS7而触发的灵感，全新的设计让界面更觉有凝聚力。 STE UI的美食APP，设计师…
