2016年08月30日 0条评论 53点热度 1人点赞 阅读全文

这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果) <meta name="apple-mobile-web-app-capable" content="yes" />…

2016年02月24日 0条评论 62点热度 0人点赞 阅读全文

分享给大家72个网页/APP矢量图标免费下载,包含AI、SVG、PSD、SKETCH等格式 上图:           附百度网盘链接: 链接:http://pan.baidu.com/s/1o746kx8 密码:gmyt

2016年01月20日 0条评论 65点热度 2人点赞 阅读全文

今天给大家分享一组来自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

2015年11月24日 0条评论 73点热度 0人点赞 阅读全文

一个好的动效设计可以提升UI界面与用户的交互体验,让枯燥的界面不这于沉闷,甚至具有吸引用户去继续去探索的可能,当然我们不能随便使用动效,需要经过深思熟虑,不要为了“弦”而去做。 接下来一起看看本周摘选的《APP UI设计动效灵感 #1》,希望能给你带来创作灵感,Enjoy! 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 来源 整理自:medium   来自:设计达人

2015年11月22日 0条评论 74点热度 0人点赞 阅读全文

前言:这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。 我们将在下文中,简单探讨如何改善下面的这个交互。 UI动效设计的反面案例(线上Demo) 注:这个反面案例并非假设,而是来自近期的真实客户案例。 概述 自从 70、80 年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进化。与其他艺术领域不同,在数字设计领域显露的趋势,与使用设备的发展史紧密相关。 设备能力的提升有目共睹,显示器技术使分辨率从CGA320*200,到…

2015年11月17日 0条评论 60点热度 0人点赞 阅读全文

一组矢量格式的手势线框图标集。这些线框图标包含PSD,AI,EPS,PNG和SVG格式   附百度网盘下载地址 链接:http://pan.baidu.com/s/1mgleAA8 密码:dja6

2015年11月10日 0条评论 66点热度 0人点赞 阅读全文

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 …

2015年11月04日 0条评论 97点热度 0人点赞 阅读全文

今天收集了九套漂亮的ui工具套件,比较适合简洁干净的web页面或者app界面。 希望能给大家带来些灵感和创意 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载

2015年10月21日 0条评论 68点热度 2人点赞 阅读全文

转自可乐橙 我之前撰文讲过多余的动画,引发了一些共鸣。得到了非常积极的反馈,我很高兴了解到,动画过多的界面也会令其他人手足无措。 老实说,我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。 克制,是一名优秀UI设计师的特质。它要求你了解所选平台的能力,然后避免使用它(除非时机成熟)。 与其为多余的动画惋惜,我宁可学习深思熟虑的动画,尽量提出一些方案。 我期望得到你对本文的评价与建议。 做作的动画案例 下面是一则快速且做作的动画案例,我以此来演示UI动画中的卡通化现象。尽管这是个略微夸张的例子,但事实上…

2015年10月16日 0条评论 65点热度 0人点赞 阅读全文

很高兴与大家分享免费资源:云端技术图标,这组图标可以在任何web托管相关的项目派上用场。 图标格式有:AI,EPS、PSD、SVG和PNG   Preview Have a look at all 36 icons:   百度云链接:http://pan.baidu.com/s/1ntiXBLZ 提取码:cbxa 英文原文地址:tympanus.net

2015年09月30日 0条评论 108点热度 0人点赞 阅读全文

在浏览网页、玩游戏、手机应用等场景,因为网速慢或是硬件差的关系,难免会遇上等待加载的情 况,没人喜欢等待,耐心差的用户可能因为操作得不到及时反馈,直接选择放弃。正所谓细节决定成败,这时添加一个Loading进度条动画,就可以大大缓解 等待时候的无聊和焦虑,有效让用户明确知道目前Loading的状态,并对结果有一个直观的预期,甚至有趣巧妙的设计,能让用户爱上等待,把等待看成一件 很美好的事。 那常见的Loading动效有哪些形式呢?在观摩过大量优秀的案例后,作者总结出Loading动效通常有B.R.A三种形式。为避免…

2015年05月06日 0条评论 59点热度 0人点赞 阅读全文

随着单页网站从未经考验的即兴创作一跃成为受人热捧的潮流趋势,垂直滚动的理念正式成了人们目光聚焦的中心。与此同时,设计师们也在大踏步地创新,力求让这一趋势在百尺竿头更进一步。 现 今,在网站设计中采用垂直滚动已经不再是为了追求创意,其更多成为了保证用户友好性的关键(但是如果你能再保证用户友好性的同时发挥创意,那你的设计就轰 动了)。根据人类的自然习性,我们在刚开始习惯某项新鲜事物时总会尽量维持耐心。但在互联网上,则截然相反。随着网络日渐成为我们生活的中心,人们的耐心 越来越差。正是因此,我们开始逐渐摒弃需要花费时间等…

2015年04月12日 0条评论 61点热度 0人点赞 阅读全文

缺省页面,是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面。通常设计师们习惯用丰富的数据内容把页面设计得美观实用,考虑的都是界 面展现的“理想状态”,往往会忽视没有内容的“缺省状态”。未经过精心设计的缺省页面降低了用户的使用体验,并可能给用户带来困扰,如下图iOS系统邮件 App,无邮件时界面上没有任何有效反馈信息,用户不能明确得知到底是网络问题还是账号同步出错亦或者是收件箱内确实一封邮件都没有。同样的情况也出现在 Pinterest和出发吧的界面里。 那什么内容可以被添加进入缺省页面从而使其“丰…

2015年03月07日 0条评论 64点热度 0人点赞 阅读全文

【译者注】作为一个移动界面设计师,如果你已经细细读过Material Design的设计指引,那么这篇文章是一篇很好的设计案例。如果你还没有读过,那这篇文章一定是个最容易最生动的起点,以小窥大得帮助你进入Material Design的世界。 大家知道,google最近发布了Android的Lollipop系统,系统的一个重大改动是引入了一种新的视觉语言:Material Design。随着新系统的发布,安卓也发布了一个跨平台的视觉、动效、交互设计的全面指引。10月7日,Google的Material Design…

2015年03月07日 0条评论 55点热度 0人点赞 阅读全文

(Lennart Hennigs 著     Ellazou & Charrywang译    Crispinzhu校正     查看原文   转载请注明出处) 移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以 及Fireworks,帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型:HTML、CSS以及J…

2015年03月04日 0条评论 57点热度 0人点赞 阅读全文

随着各大互联网公司都转战移动市场,移动端产品的需求越来越大,设计师在PC与移动设计之间的相互转移也越来越频繁。当前许多产品的规划都是在PC 端和移动端全方位地进行布局,这也进一步要求设计师应该有更高的素养,能在PC与移动端进行一体化的设计思考。 然而,设备、产品形态的多样性虽然给了设计师更多的发挥空间,同时也给他们带来了更大地挑战。PC与移动产品有各自的使用情景,它们的设计有何不同,如何统一思考和规划在不同平台上产品的功能、设计是非常值得探讨的话题。   一、pc与移动设计上的差异性   首先,…

2015年03月02日 0条评论 56点热度 0人点赞 阅读全文

从“Webworld”到“Mobileworld”,从伸长脖子看显示屏到低下头来玩手机,互联网服务模式的转变在逐渐改变大众 的生活方式。在我们谈移动互联网未来的趋势时,应该没有人会怀疑移动互联网将在未来不太长的时间内取代 PC 网络,而未来要做的就是加速这个更迭的过程,推进移动互联网为人类提供更为便利高效的服务。下文将对 2015 年移动互联网的发展将会进行到哪一阶段予以预测。   1、亚洲会成为移动领域的领先者   今年 11 月初,谷歌董事长艾瑞克施密特在“Google APAC”大会上的远程致辞中表达了他对亚…

2015年02月27日 0条评论 46点热度 0人点赞 阅读全文

前言 13年底,Intercom 的产品VP Paul Adams 在 Intercom 官博发表了 一篇博文 。文章讲述了网络上设计社区里普遍存在的一种现象,大意是“许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作”。 文章发布后,在 Twitter 、HN 及博客评论下引起了反响。虽然部分内容在一些设计师眼里看起来比较有攻击性(也就是俗称“开喷”),甚至还带有些地图炮,但是文中关于“设计的四个层次” 以及“when..I wa…

2015年02月27日 0条评论 60点热度 0人点赞 阅读全文

透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。 此外,你还能轻松尝试不同的透明度来达到不同的效果,例如在界面上添加更具有光泽的图层可以让人感觉更加精美,总之,淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。 今天,我们就来一一介绍各种透明的精美APP界面。 Alex Bender的Portfolio经过抛光而显得精致,由IOS7而触发的灵感,全新的设计让界面更觉有凝聚力。 STE UI的美食APP,设计师…

2015年02月27日 0条评论 89点热度 0人点赞 阅读全文
12