这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关 1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） <meta name="apple-mobile-web-app-capable" content="yes" />…
分享给大家72个网页/APP矢量图标免费下载，包含AI、SVG、PSD、SKETCH等格式 上图： 附百度网盘链接： 链接：http://pan.baidu.com/s/1o746kx8 密码：gmyt
今天给大家分享一组来自dribbble的APP界面动效设计，希望大家在这能找到一些灵感。涵盖运动、旅行、天气等等。 Abracadabra App Secret Project COVERT INBOX City intro animation GIF Animation of an App Map-Interaction Sport App Coffee Maker App GIF Sticker App Tab Bar Animation
一个好的动效设计可以提升UI界面与用户的交互体验，让枯燥的界面不这于沉闷，甚至具有吸引用户去继续去探索的可能，当然我们不能随便使用动效，需要经过深思熟虑，不要为了“弦”而去做。 接下来一起看看本周摘选的《APP UI设计动效灵感 #1》，希望能给你带来创作灵感，Enjoy! 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 整理自：medium 来自：设计达人
前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。 我们将在下文中，简单探讨如何改善下面的这个交互。 UI动效设计的反面案例（线上Demo） 注：这个反面案例并非假设，而是来自近期的真实客户案例。 概述 自从 70、80 年代首个光栅图像在CRT屏幕出现以来，人们对于（数字）视觉设计的态度一直在不断进化。与其他艺术领域不同，在数字设计领域显露的趋势，与使用设备的发展史紧密相关。 设备能力的提升有目共睹，显示器技术使分辨率从CGA320*200，到…
一组矢量格式的手势线框图标集。这些线框图标包含PSD，AI，EPS，PNG和SVG格式 附百度网盘下载地址 链接：http://pan.baidu.com/s/1mgleAA8 密码：dja6
Layers experiment ERS Micropitch VST gui by s0nkite on deviantART Psyunit – Preview Only by Pureav on deviantART Black or White Camera App MixTape – iOS Music App Unsafe Lock Rebound Mobile app for Wordflu by Dicky J Ui10 Lenses in box Tracker App Braun RT 20 …
今天收集了九套漂亮的ui工具套件，比较适合简洁干净的web页面或者app界面。 希望能给大家带来些灵感和创意 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载
转自可乐橙 我之前撰文讲过多余的动画，引发了一些共鸣。得到了非常积极的反馈，我很高兴了解到，动画过多的界面也会令其他人手足无措。 老实说，我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。 克制，是一名优秀UI设计师的特质。它要求你了解所选平台的能力，然后避免使用它（除非时机成熟）。 与其为多余的动画惋惜，我宁可学习深思熟虑的动画，尽量提出一些方案。 我期望得到你对本文的评价与建议。 做作的动画案例 下面是一则快速且做作的动画案例，我以此来演示UI动画中的卡通化现象。尽管这是个略微夸张的例子，但事实上…
很高兴与大家分享免费资源:云端技术图标，这组图标可以在任何web托管相关的项目派上用场。 图标格式有：AI,EPS、PSD、SVG和PNG Preview Have a look at all 36 icons: 百度云链接：http://pan.baidu.com/s/1ntiXBLZ 提取码：cbxa 英文原文地址：tympanus.net
在浏览网页、玩游戏、手机应用等场景，因为网速慢或是硬件差的关系，难免会遇上等待加载的情 况，没人喜欢等待，耐心差的用户可能因为操作得不到及时反馈，直接选择放弃。正所谓细节决定成败，这时添加一个Loading进度条动画，就可以大大缓解 等待时候的无聊和焦虑，有效让用户明确知道目前Loading的状态，并对结果有一个直观的预期，甚至有趣巧妙的设计，能让用户爱上等待，把等待看成一件 很美好的事。 那常见的Loading动效有哪些形式呢？在观摩过大量优秀的案例后，作者总结出Loading动效通常有B.R.A三种形式。为避免…
随着单页网站从未经考验的即兴创作一跃成为受人热捧的潮流趋势，垂直滚动的理念正式成了人们目光聚焦的中心。与此同时，设计师们也在大踏步地创新，力求让这一趋势在百尺竿头更进一步。 现 今，在网站设计中采用垂直滚动已经不再是为了追求创意，其更多成为了保证用户友好性的关键（但是如果你能再保证用户友好性的同时发挥创意，那你的设计就轰 动了）。根据人类的自然习性，我们在刚开始习惯某项新鲜事物时总会尽量维持耐心。但在互联网上，则截然相反。随着网络日渐成为我们生活的中心，人们的耐心 越来越差。正是因此，我们开始逐渐摒弃需要花费时间等…
缺省页面，是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。通常设计师们习惯用丰富的数据内容把页面设计得美观实用，考虑的都是界 面展现的“理想状态”，往往会忽视没有内容的“缺省状态”。未经过精心设计的缺省页面降低了用户的使用体验，并可能给用户带来困扰，如下图iOS系统邮件 App，无邮件时界面上没有任何有效反馈信息，用户不能明确得知到底是网络问题还是账号同步出错亦或者是收件箱内确实一封邮件都没有。同样的情况也出现在 Pinterest和出发吧的界面里。 那什么内容可以被添加进入缺省页面从而使其“丰…
【译者注】作为一个移动界面设计师，如果你已经细细读过Material Design的设计指引，那么这篇文章是一篇很好的设计案例。如果你还没有读过，那这篇文章一定是个最容易最生动的起点，以小窥大得帮助你进入Material Design的世界。 大家知道，google最近发布了Android的Lollipop系统，系统的一个重大改动是引入了一种新的视觉语言：Material Design。随着新系统的发布，安卓也发布了一个跨平台的视觉、动效、交互设计的全面指引。10月7日，Google的Material Design…
(Lennart Hennigs 著 Ellazou & Charrywang译 Crispinzhu校正 查看原文 转载请注明出处) 移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件，比如Balsamiq、Axure以 及Fireworks，帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型：HTML、CSS以及J…
从“Webworld”到“Mobileworld”，从伸长脖子看显示屏到低下头来玩手机，互联网服务模式的转变在逐渐改变大众 的生活方式。在我们谈移动互联网未来的趋势时，应该没有人会怀疑移动互联网将在未来不太长的时间内取代 PC 网络，而未来要做的就是加速这个更迭的过程，推进移动互联网为人类提供更为便利高效的服务。下文将对 2015 年移动互联网的发展将会进行到哪一阶段予以预测。 1、亚洲会成为移动领域的领先者 今年 11 月初，谷歌董事长艾瑞克施密特在“Google APAC”大会上的远程致辞中表达了他对亚…
透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。 此外，你还能轻松尝试不同的透明度来达到不同的效果，例如在界面上添加更具有光泽的图层可以让人感觉更加精美，总之，淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。 今天，我们就来一一介绍各种透明的精美APP界面。 Alex Bender的Portfolio经过抛光而显得精致，由IOS7而触发的灵感，全新的设计让界面更觉有凝聚力。 STE UI的美食APP，设计师…
