氧16
发表于
2016-08-04 02:42:06

如何利用“卡片式设计”提升用户体验

废话不扯，直奔主题！一、卡片是什么？卡片通常是指那些包含一定图片和文本信息在内的一个长方形，作为指向更多详细信息的一个入口。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。因为卡片很方便的显示出界面中的内容由不同的元素组成的。1、杰出的隐喻效果因为看起来如同真实世界中的卡片一样，在界面设计中的卡片具有非常棒的隐喻效果。其实，在移动设备出现之前，卡片已经遍布我们周身——商业名片、棒球卡片、扑克牌等等，它已然成为一个应用及其广泛的实体性质的交互模型。因此，对于用户来讲，他们能更直观地意识到界面设计中的这些卡片如同实体卡片一样都代表一定的信息。在快速的传递信息时，卡片是一个优秀的工具。拿棒球卡片来讲，你需要了解的棒球运动员的基本信息就包含在一张小卡片的正反两面。2、良好的内容组织卡片在占用较少屏幕空间的情况下将信息有组织的划分到不同的区域中。类似于文本段落是对语句的组织结果，卡片聚集多样的信息形成一个连贯的内容体。Facebook 充分利用卡片式的设计将每个事件的概要信息打包到卡片中。卡片式的布局设计正是在诸如 Facebook 这样的巨头的引领下变得流行开来。3、视觉上赏心悦目基于卡片式的设计通常都严重依赖于其视觉效果。而卡片本身又对图片有很强的依赖性。多项研究都已经指出图片确实能够提升网站或应用程序的设计效果和浏览体验，因为图片能够快速有效地吸引 ...继续阅读 (75)

氧16
发表于
2016-08-03 01:35:49

图标自动生成轻量化软件：IconKit 汉化中文破解版下载

IconKit是一款Mac上图标自动生成工具，主要用于帮助iOS开发者快速的生成不同分辨率图标，你只需要用一张制作好的512*512像素的图片，直接生成符合iPhone、iPad以及Retina和安卓、Windows分辨率的图标，省去你手动缩放图标的时间，支持最新的iOS 8 和 Xcode，非常实用的开发辅助工具。App store 下载需要18元，现在只需1元就能获得 Aqua 最新汉化版本的 IconKit。系统提示会加载自定义的英文，与软件无关。喜欢的朋友可以加QQ群（331622745），微信支付成功后留下邮箱地址，Aqua 会把 Iconkit 中文版发送到你的邮箱！转载请注明：氧16网»图标自动生成轻量化软件：IconKit 汉化中文破解版下载 ...继续阅读 (71)

氧16
发表于
2016-05-20 09:08:08

Android L GUI设计规范PSD文件下载

安卓已发布了N版本，与之前的L版本UI设计变化不大，主要改进了代码和人工智能方面，并声称运行速度快了600%，这要是还比不上苹果是不是打脸自己比苹果慢了600%还不止？不管怎么样，安卓的进步还是有目共睹的，没有Android L还没有捂热N就来了，当然今天分享的不是N的界面设计，而是L的PSD规范文件下载，文件比较大，请笑纳。点击下载转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»Android L GUI设计规范PSD文件下载 ...继续阅读 (180)

氧16
发表于
2016-05-19 12:17:56

手机UI界面设计PSD下载

Designer naut UI Kit点击下载转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»手机UI界面设计PSD下载 ...继续阅读 (84)

氧16
发表于
2016-05-18 12:29:43

清新扁平手机UI界面PSD文件下载

手机UI按钮、时间控件、拖拽、选框、下拉、搜索点击下载转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»清新扁平手机UI界面PSD文件下载 ...继续阅读 (91)

氧16
发表于
2016-05-17 15:21:40

移动端白色UI素材下载

移动端白色UI素材下载，手机按钮、空间，简约实用。点击下载转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»移动端白色UI素材下载 ...继续阅读 (75)

氧16
发表于
2016-05-04 07:38:14

如何设计好用的触控手势

引言我们生活在一个人机互动频繁，由设备驱动的世界中。随着触摸屏逐渐成为移动设备的标配，多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界的手势与屏幕上的各种元素进行互动，使许多曾经不曾想或者不敢想的人机交互方式变成了现实，同时手势操作的应用降低了人与物理设备之间的沟通的门槛。婴儿几乎无困难的通过屏幕玩游戏，不到2岁就已经能够很自然轻松解锁ipad、翻页找到他喜欢玩的熊猫餐厅，接着熟练地在各种食材选折他喜欢的，制作一份美味的虚拟美食；而我们也乐于买各种大屏手机和平板电脑送给我们的长辈。移动设备及手势交互方式给我们带来革命性体验和便捷，移动的触控时代早已到来，您是否也与时俱进了呢？值得我们每一位设计师反思。一、什么是触控手势触控手势是自然用户界面（NUI）的一种表现形式。自然用户界面（Natural user interface, NUI）是指一类无形的用户界面。NUI则只需要人们以最自然的交流方式（如语言和文字）与机器互动。直观的说，使用NUI的设备不需要键盘或鼠标。特别是触控技术将使人机交互变得更加自然直观，更为人性化。您的手机、平板电脑还有笔记本拥有识别多点触控输入的功能来帮助你实现对其广泛的运用。这种输入方式帮助我们实现与屏幕内容的交互，而模仿真实中的操作手势可以降低我们对操作屏幕对 ...继续阅读 (69)

氧16
发表于
2016-05-03 06:43:13

MOK咖啡吧品牌形象设计

MOK咖啡吧品牌形象设计，几何形的构图加上纯色的搭配，清新自然。转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»MOK咖啡吧品牌形象设计 ...继续阅读 (85)

氧16
发表于
2016-05-02 12:57:13

让人民币的动起来

让人民币的动起来，创意无限，突然发现自己手里的钱真的很美，就是不够！转载请注明：设计师生活-设计软件素材-优秀设计分享-氧16网（yang16.com）»让人民币的动起来 ...继续阅读 (89)

氧16
发表于
2016-04-29 03:00:56

为什么设计logo要有logo网格？

当你需要设计一个Logo，你从哪一步开始呢，形状，排版，一个网格？对于很多想要设计Logo的设计师来说，一个Logo网格或是设计指南是一个很好的开始点。网格系统使用的时候，尤其是设计的时候常常呈现的是一种极端的尺寸，非常大或者非常小，可以帮助你创造一些视觉和谐的事物，一个有组织的审美，有目标的设计。什么是Logo网格？Logo网格是在创建标志时，用来帮助创造形状，让形状更加和谐的工具，标志网格也常常被称为设计指南，根据网格的形状线的使用。标志网格通常由一种实际的方形网格做成，就像是你在学校使用的方格纸那样，但是标志网格的结构可以扩展到更多。一些设计师使用圆形标志网格，一些创造一个独特的网格系统，用于任何一个项目，包括高度不可见的，元素和空白之间的间距。所有标志网格的共同点是他们使用一种数学方法，这种数学方法就是在设计过程通过放置网格来辅助空间和填充空间的设计。常见的网格样式网格是一种常见的工具，已经广泛用于设计的各个方面，设计师用它为印刷项目和屏幕创造艺术。网格有旧的和经过时间考验的概念，以及更现代化的或是自定义的网格可供选择。（想想你的工作流程，你是否对不同的项目创建小的网格，这就是一个自定义的网格）一些常见的网格系统可能是你从来没有意识的思考过的，但是每天都使用，就像是三分法则，三分法则是非常常用的摄影方法，有黄金比例，或者是井字构图法。用同样的方式使用一个网格，对于任何其他项 ...继续阅读 (78)

氧16
发表于
2016-04-28 08:03:22

Sketch Measure 汉化（yang16特别版）

Sketch Measure yang16特别版：插件中文化99%，菜单全部汉化，导出规范html文件中文化。如有bug请进群反馈，感谢Utom大神带来的神器，汉化工作由Slicy最新汉化版的汉化者Aqua完成，只为小白更方便的使用，高手请绕道。氧16官方qq群请点击右侧蓝色qq群图片加入。点击下载转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»Sketch Measure 汉化（yang16特别版） ...继续阅读 (120)

氧16
发表于
2016-04-27 09:13:16

天弘爱理财APP推广海报设计

天弘爱理财APP推广海报设计。必须申明，分享的纯属设计，绝无推广嫌疑，何况天弘基金一毛钱都没有给我。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»天弘爱理财APP推广海报设计 ...继续阅读 (68)

氧16
发表于
2016-04-26 15:11:54

魅族视觉总设计师：写好一份简历的基本法

最近魅族一刻没闲着，note3、pro6和魅蓝3接二连三的发布又再次让其霸占了各大科技新闻前页。忽略发布会上白永祥依旧蹩脚的普通话不谈，其他创新点也算是屈指可数，大该就是价格上让友商又头疼了不少。初识魅族手机还要从其系统flyme说起，记不清是几点零版本开始，我开始爱上这个安卓定制系统，并至今日那个会让人“上瘾”的home键返回设置，都让我固执的认为其UI设计和操作体验上是国产安卓手机中的第一阵营，甚至说是我唯一满意的。本人虽然谈不上什么煤油，但是魅族的设计的确是有的一说，至少我喜欢。所以今天咱们来看看魅族设计师陈希是怎么看待设计师简历的。@陈希_CHRISCHEN ：“设计师，尤其是用户体验行业的设计师，简历在很大程度上能反映你的专业素养。对于一个每天看少则几十封，多则几百封求职简历的我，希望设计师能做到以下的点。”一、务必要有一份单独的简历文件往往作品文件都比较大，为了是让面试筛选者可以最快速度的下载你的简历文件，万一出现下载链接有问题，或者面试者没耐心下完你整个简历，就比较悲催。而且像我，经常会将简历邮件转发给别人，但不想转发几百兆的作品附件。在线简历在这一块是有优势的。二、简历格式尽可能采用PDFPDF在跨平台预览的时候能尽可能的保持统一体验，以防止你的字体什么的失效。PDF输出要采用高品质的格式，作为设计师，面试你的可能也是设计师，看到模糊的图片，你能想像有多崩 ...继续阅读 (73)

氧16
发表于
2016-04-25 14:20:02

幕后的魅族：偏执的设计鬼才，专访 FLYME 视觉总设计师陈希

陈希：Flyme 视觉总设计师，他操刀了从Flyme 3 到 Flyme 5 的视觉设计，在这篇文章，你聊一聊他的设计自学之路。陈希年龄：27出生：山西运城职位：Flyme 视觉总设计师毕业：西安外事学院工作时间：4 年陈希像个设计师，我说的不是内在，而是外在。简单的外套，加一件破洞的牛仔，在工作节奏极快的 Flyme 办公楼里，陈希的装扮显的有那么点格格不入。陈希说话的语速极快，我说的不是快，而是极快。每次在聊到他的兴趣点的时，他的语速快的有点像机关枪，突突突的就向你袭来，经常我还沉浸在上一段对话中，他的逻辑却已经跳转到了下一个问题上。这一切都使我对他的经历产生了极大的兴趣。问及陈希的学生时代，他向我总结了一个字：玩！「在小学三年级之前，我都是在农村读书，早上 5 点上学，到下午 3 点就能回家，一到放学，我就跟着村里的一窝铁哥们在田里疯玩，有时候带着自己的狗去山里刨笋，又或者在自己家门前的河里捉鱼，现在回想起来，儿时的那段时光简直就是小学语文课本里故事的翻版。」从小带着点野性的陈希注定就不是那么一个听话的孩子，陈希的父亲是一名公务员，每天需要去几公里外的县城里上班，这使得生活在农村的陈希经常可以不受父母监督的随心所欲的做自己喜欢的事。「小时候经常喜欢跟着朋友出去野，我爸天天在我耳边吹风，但我也没怎么听，依然比较我行我素。」陈希的父亲注意到了自己孩子在小学时性格就已经出现了和他预 ...继续阅读 (83)

氧16
发表于
2016-04-22 11:13:15

App聊天界面UI设计欣赏

有在做聊天界面设计的小伙伴吗？看到一篇文章整理了许多设计师的作品，分享给大家快来找找寻灵感。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»App聊天界面UI设计欣赏 ...继续阅读 (422)

氧16
发表于
2016-04-21 04:43:20

动起来的logo设计

logo 动起来更能表达其logo的含义，生动有趣，再简单的图像只要动起来立马焕发生机。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»动起来的logo设计 ...继续阅读 (160)

氧16
发表于
2016-04-20 12:40:05

复古电视图标UI设计PS教程

今天，带大家来临摹一个电视机图标。教程不难，重点也是图层样式，效果非常好看，已附上源文件方便学习，针对一些细节做了很多实用的讲解，非常适合新手学习，来收!新建一个1000*800的文档，添加一个渐变调整层，做一个#b4b097到#4e473a的90度的径向渐变，设置缩放为150%，勾选仿色，防止出现色块。我想大家一定很好奇，我的截图径向渐变中的浅色为何不居中，而是位于中部居上，看我们的GIF演示。在渐变填充的状态下，我们把鼠标指针放置到屏幕上，出现那个移动工具的图标时，我们拖动，渐变的位置也跟着动，这一个操作方法，在图层样式中一样可用。使用圆角矩形工具画一个600*600像素的圆角矩形，设置圆角为140像素，设置水平居中，垂直居中。我将这个圆角矩形命名为“主体”，并为其添加了一个图层样式。复制一层“主体”图层，更改图层名为“投影”，将“投影”图层置于“主体”图层下层，将图层填充设置为0，再添加一个图层样式，我们来增强一下投影效果。原图画的是一个类似椭圆的形状，我这里偷懒一下，还是画的圆角矩形，大小为500X360像素，圆角半径为130像素，添加一个图层样式。下面，我们创建屏幕，设置前景色为#b4b097，使用圆角矩形工具，画一个大小为420*280像素，圆角半径为100像素的圆角矩形。为这个“屏幕”图层添加一个图层样式。复制一层“屏幕”图层，转智能对象，添加一个杂色，并将图层混合模 ...继续阅读 (88)

氧16
发表于
2016-04-18 17:12:02

腾讯问卷：在线免费好用的问卷制作工具

昨天给大家分享了百度的百度脑图，今天再来分享一个实用的制作问卷的小工具：腾讯问卷←点击进入。腾讯问卷支持调查问卷生成、市场调研、满意度调查等，免费简约的文件系统，所有功能全部免费，简约好用，轻松开启在线调试、多方式创建编辑问卷，自由创建、导入问卷、可使用欧宝三种凡是随意选择。数据实时在线统计分析，回收数据实时在线统计，图表化展示，清晰直观；跨终端跨平台自适应，Pc、手机、平板不同终端自适应，调研随时随地。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»腾讯问卷：在线免费好用的问卷制作工具 ...继续阅读 (102)

氧16
发表于
2016-04-18 06:42:11

在线思维导图工具：百度脑图

百度脑图是百度在去年推出的思维导图工具，可以让您在线上直接创建、保存并分享你的思路。免安装、云存储、易分享、体验舒适、功能丰富。百度脑图需要用你的百度账号登录，登录成功后就可以开始你的产品构思了，经过一年的产品更迭，现在“脑图”在界面和功能上都有了大幅的优化，更加好用了，但是不知道保存的文件要怎么下载，不过分享起来倒是很轻松。点击访问naotu.baidu.com转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»在线思维导图工具：百度脑图 ...继续阅读 (83)

氧16
发表于
2016-04-15 05:29:31

Zara App 设计欣赏

Zara App 设计欣赏，有很多值得中国电商学习的地方，尤其是商品详情页面图片的展示形式。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»Zara App 设计欣赏 ...继续阅读 (72)

氧16
发表于
2016-04-14 14:42:59

Nicolás Castell的日本浮世绘画

日本浮世绘画有着显著的日式文化特征。来自西班牙的插画师 Nicolás Castell 对其有着深厚的兴趣并受到很大的影响，接下来我们看看这位西班牙插画师手下的日本浮世绘画。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»Nicolás Castell的日本浮世绘画 ...继续阅读 (215)

氧16
发表于
2016-04-13 19:56:58

Medicure Health App设计

Medicure Health App设计，这是来自印度的设计师作品。据说MEDICURE这款App能够找到最好的医生并即时会诊。保持你的身体健康，并立即从医生那里得到宝贵的建议。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»Medicure Health App设计 ...继续阅读 (105)

氧16
发表于
2016-04-12 15:32:54

国外环保公益广告海报

国外环保公益广告海报欣赏，好久都没有分享有创意的海报设计，记得以前在学校的时候就喜欢看这种创新形式的海报，然后找素材自己配凑模仿着去做，这就是最初学习PS时候的动力，觉得这个工具实在是强大神奇，时至今日真的是没有多少时间去做这样的创意设计了！转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»国外环保公益广告海报 ...继续阅读 (307)

氧16
发表于
2016-04-10 23:33:28

38招成为成功自由设计师的秘诀

你是准备出来作一个自由设计师？还是刚开始作为一个自由职业者？或者你已经是自由设计师了，但你现在是不是很迷茫，生活一直在盘旋？希望我这篇文章可以帮助你。在这里，我分享38种让自由设计成功不可缺少的秘诀！作为自由职业者是很难的。我作为一个自由设计者也开过公司，真心体会这种感觉，有时很气馁，甚至有时想着要么放弃，回去工作！并且在生活与设计中，会遇到各种挑战，甚至是你根本想不到的！真心希望这篇文章可以帮助你依旧坚守自己的信念。让一些有经验的自由职业者或作为一个新的自由职业者的快速的认知。自由职业者的成功秘诀这是我第一次分享自由设计的秘诀，或许对你有帮助，或许你不屑一顾。我只是一位想分享一些自己经历的小人物而已！01. 不要停止推广：推广是让新客户源源不断的关键。不要停，即使你很忙。02. 接触社交：社交和其他在线社交是你能挖掘潜在客户的一个好方法。03. 建立一个有效的网站：有一个自己的网站，就能确保传达你的信息和实力。04. 建立专业博客：博客是展示你到底做什么/实力如何的好方法（比如站酷其实就是很好的展示平台）。05. 自我的价值认知：根据你的专业性与同行之间的差异化。06. 不要害怕打电话：你不必等待客户来找你。这是好的接触潜在客户。07. 研究潜在客户：认知你主攻的是哪个行业的设计，精准定位。08. 仔细听，问问题：不要自以为你知道客户需要什么，请先听清楚再问。09. 要有礼貌：我 ...继续阅读 (75)

氧16
发表于
2016-04-01 10:37:17

Highing APP交互+设计展示

Highing APP交互+设计展示，一款情趣APP不知道你是否喜欢？！转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»Highing APP交互+设计展示 ...继续阅读 (73)

氧16
发表于
2016-03-03 12:55:51

设计师插画：你是哪样的设计师

设计师画了很多插画，却很少画自己，设计师朋友快来看看是属于那种设计师？转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»设计师插画：你是哪样的设计师 ...继续阅读 (215)

氧16
发表于
2016-03-02 06:45:59

庙宇体中文汉字设计

庙宇体由中国道教庙宇中常见的各种元素组成，包括中式建筑特色、祭祀用品及神兽石像等。除了中文字本身代表着中国文化中的一部份外，亦同时呈现出中国的建筑风格和源远流长的民间信仰，希望能从笔划间表现出多一份中国文化气息。元素取材自香港的道教庙宇或祠堂如黄大仙祠、青松观及天后古庙等，由实景照片描图而成，令当中的古朴韵味及其质感，也可以一一保留在字体当中。 ...继续阅读 (72)

氧16
发表于
2016-03-01 08:23:19

网站被攻击！乌克兰83万多次Post攻击到底为哪般？

昨天收到邮件提示说网站无法访问，然后一访问果然502，再看阿里云提供信息，不看不知道一看吓一跳，尼玛啊，乌克兰的IP攻击了我83万多次，真是天雷滚滚啊，你到底是看上氧16网什么了？！是什么人派你来破坏我中乌两国和平友谊的？具体怎么解决的就不多说了，在此向昨天晚上到今天中午无法访问的用户说声抱歉（真装逼，其实也没有什么人知道，谁在意你网站能不能访问啊！）。好吧，就写这么多，顺便祝贺小李子终于获得奥斯卡了！ ...继续阅读 (59)

氧16
发表于
2016-02-28 21:53:56

特斯拉车载大屏UI概念设计

特斯拉刚进入人们视线的那会儿，一块前所未有的车载大屏吸引了不少人的目光，但好像并没有太多关于这块大屏的系统UI设计，终于找到一个与大家分享。转载请注明：氧16（yang16.com）- 做设计爱摄影乐分享»特斯拉车载大屏UI概念设计 ...继续阅读 (235)

氧16
发表于
2016-02-05 02:58:37

新年神器大放送：超实用数据可视化工具

说到信息数据图表，不少设计师都犯难，PS里吭哧吭哧的一个个图标一个个数据的做（包括我），今天就给大家介绍几个信息图表制作神器。国外的信息可视化行业发展得相当成熟，这也催生了不少在线信息图表制作工具，其中比较知名的有4个，利用它们五分钟你就能做出一张超好看信息图表！因为不是很接地气，所以我就一笔带过，不过都有链接，感兴趣的朋友可以点进去看看。一、Infogram较早的一个在线制作工具，亮点是支持实时数据刷新，而且制作的信息图表支持在多终端展示。二、Venngage这款工具的亮点是自带超多免费模板，超多的版式选择，配色潮流大胆。三、Piktochart跟上一款非常相似，但免费模板不够多~四、Canva国外一款超牛逼的在线设计工具，是国内创客贴原来模仿的对象。Canva也有大量的精美模板，有些居然还有中国元素！编辑时字体是微软雅黑，也就说这款工具也能支持中文编辑！说完了国外的，接下来就介绍国内这些接地气的制作神器吧，比如模仿Canva的创客贴。创客贴创客贴是一款简单易用的在线平面设计工具。和国外的在线工具类似，看界面你就知道~~利用它也能制作信息图表，而且支持中文输入。具体操作就不啰嗦啦，大家自行体会。除了可以在线制作信息图表之外，你还可以制作微博封面，公众号文章首图，名片，小卡片等等等等……当然，作为一个国内新兴的工具，还有很多缺点需要改进~比如：没有图表控件，图表居然不能编辑数据… ...继续阅读 (290)