物联网产品设计 第7页

今天小编跟大家来普及下如何去制作一个很简单的web APP页面或者说是一个微信端页面。然后也跟大家说一下移动端html5开发的一些常识和干货分享。适合移动端的界面制作，优化和兼容性调整工作的同学们来学习和回顾。 1、智能手机分辨率：（tips：这里显示的都是网页端的尺寸@1x的尺寸） 预设的分辨率有（可切换横版，竖版） 普通智能手机：320×480   竖版...

好久没跟大家分享一些有用的iphone界面设计模板素材啦，今天在25学堂群内，很多APP设计新手需要一些实用性比较强的iphone6素材。于是，25学堂整理了五套iPhone界面设计PSD模板供大家下载和学习交流之用。 第一套：3个非常精美的iphone6 界面设计PSD模板 第二套：非常粉色激发男性app设计师逗逼的情绪的APP设计稿。 也是可爱女生喜欢的...

众所周知，ipad与智能手机相比，iPad应用的成功也取决于产品核心价值以及用户体验模式等诸多方面的因素。 今天25学堂chu’除了回顾ipad相关设计规范之外，也要跟大家来聊一聊移动APP产品在视觉外观、交互方式、情感联接等方面的表现，哪些会直接影响到用户对于APP的体验满意度。    下面是ipad设计的相关尺寸：   还有25学堂之...

今天还是跟大家分享一款多人可以同时在自己是智能手机上实时预览APP设计师设计的APP界面设计效果图。同时还可以给出相应的建议和设计思想。非常便利的一款手机同步photoshop的神器。 不知道各位还记25学堂之前分享的移动设备中实时预览APP设计效果图的2款国产神器，今天介绍的这款PS view跟腾讯开发的PS Play 很像。 当我们做完一张设计图的时候就...

我们经常会看到这样的图片设计素材，非常炫酷！也是特别容易作为一些背景素材来使用。可以很好展示企业团队形象。 今天很高兴，25学堂可以为我们的设计师们推荐这样一款可以快速生成多个小头像拼接而成的APP设计背景素材。 该APP设计背景素材工具是：Uifaces 酷站网址：http://www.uifaces.com/ 打开该网站，用户可以自定义头像的大小，形状、...

对于一位移动APP设计师来说，字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。 所以，ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发，尽量达到最佳显示效果。 25学堂今天来跟大家回顾和整理iOS&Android 移动设...

页面视图 在讲页面结构化之前需要先理解视图的概念，视图是单页应用开发中最常见的模块，通常在一个单页应用中，会有多个视图存在，每一个视图都可以处理一部分业务功能，所有视图的功能集就是单页应用所能处理业务的最大能力。下面介绍几种单页应用中最常出现的几种视图。 2.1 单视图层 三段式结构是单视图的一种最基本布局方式，如下图： 单视图并不一定都有head或foot...

花最少的时间就能上手的绘图工具，让你专注于设计本身的移动APP设计软件-Sketch Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，我们同样添加了一些基本的位图工具，比如模糊和色彩校正。 之前25学堂推荐的 1、《Mac设计工具Sketch之自学APP设计资源汇总》 2、A...

APP属于手机软件，当下能美化图片的手机APP软件挺多，比如美图秀秀APP，天天P图APP等等。而今天跟大家分享一款真正的指尖上的ps软件。它就是移动端的小而美的APP界面设计软件-Napkin Sketch    Napkin Sketch 是一款轻量级的界面设计工具，可以让用户直接在 iPhone 上进行简单的界面设计，无论你是站在地铁里、坐在餐厅里还是...

关于Web前端优化，作为一名前端工程师肯定明白。比如PC端，我们平时主要用的也就是Firefox的两个插件，Yahoo的YSlow和Google的Page Speed（如果您有其它比较好用的，分享一下哦），它们会对你的网页进行检测，哪些做的比较好，哪些还有待改进，说的非常细，两个插件分别有不同的标准，但大体上是一致的。 之前25学堂跟大家也介绍了一些关于移动...

什么叫有设计感呢？     我认为应该是具备以下的几个维度的条件： 移动UI界面： UI 设计精美，界面每一处细节都精雕细琢，展现了 App 的独一无二，有些即使是「无用之美」，下载了也会舍不得删掉。 内容 / 功能： 精致的内容或独特的功能会自动提升一个 App 的气质。包括那些优良的图片编辑应用，如风靡的 VSCO Cam 等，其自身的功能决定了用户能利...

这一套移动视觉APPUI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。还有很详细的标注和切图。 值得一些APP设计新手来慢慢吸收。 之前25学堂分享的APP设计规范实例有： 1、京东APP设计视觉规范iOS完整版参考 2、苏宁最完整的APP设计基本规范   而下面分享的中国移动10086的AP...

第一款APP设计欣赏：Inlivo健康应用程序APP界面设计 这是一款关于健康应用的APP UI界面设计，APP采用了代表健康，干净，自然的颜色，APP设计风格时尚，简约、明亮！我个人非常喜欢。 第二款APP设计欣赏：国外的kidkind APP设计欣赏 第三款APP界面设计欣赏：个人中心APP设计欣赏 第四款APP界面设计欣赏

很高兴，25学堂的小编可以跟大家分享这么一篇非常棒的字体图标制作教程。需要跟大家普及相关的字体图标的知识点： 第一个知识点：SVG（可缩放矢量图形） 可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。 我们使用SVG图片格式的优点：   第二个字体图标教程准备： 1、在制作图标前请下载由阿里妈妈MUX...

今天跟大家分析一款12-13年期间比较火的一款移动APP。他的名字是唱吧。也是25学堂之前报道过《2013年最有发展前景的APP以及APP设计趋势》中的一员。 他为啥会在短时间可以迅速成长而取得成功呢？ 我们今天跟随25学堂的小编来分析一下唱吧APP，有哪些地方值得我们学习的。 唱吧APP是迄今为止最时尚且效果最好的手机KTV，唱吧将你的手机立刻变成KTV，...

一位优秀的移动APP客户端的UI设计师，在接到一个移动case的时候，脑海中应该浮现很多相关的一点APPui碎片。 肯定很多人会说，拥有这个功力肯定不是应届APPUI毕业生所能掌握的。25学堂的小编说，未必。只要平常我们多安装一些优秀的APP、每天来欣赏一款独特美的APP。 把这些好的APP 翻来覆去的浏览即可。 但是整体APP设计流程和设计模块，我们肯定要...

1、一致，一致，还是一致 你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说，如果双击其中的项，使得某些事件发生，那么双击任何其它列表框中的项，都应该有同样的事件发生。所有窗口按钮的位置要一致，标签和讯息的措辞要一致，颜色方案要一致。用户界面的—致性使得在用户对于界面运作建立起精确的心理模型，从而降低培训和支持成本。 提炼：一致性体现在 色彩搭...

下半年，大大小小的活动做过几个，活动交互设计和产品的交互设计有很多相似之处，比如用户都是很懒的，漫不经心的。不同之处在于相比产品设计的不断更新迭代，活动的周期短，上线后一般来不及修改，只能在下次活动避免相似问题。从使用场景来说也有一些区别：用户从打开APP的那一刻起，就带有或模糊或清晰的目的，产品设计就要满足用户在这种心理预期下的行为；而用户参与活动，往往是...

在当今这个充斥着先进的特效和精妙风格的世界中，谁曾料到，像纯色和渐变这样简单的手法，竟能够催化出创造力，并极大提升网站的美学水准？现代网页设计师们，证明了优雅的插画、精致的图形和壮丽的照片，都能在彩色滤镜效果下很自然地得到强调。气氛焕然一新，网站开始变得光彩夺目。的确，它有助于解决某些问题。 首先，彩色滤镜能给网站耳目一新的外观，却不会增加负担 。其次，它通...

用户的时间也是宝贵的,我们不能让它白白浪费掉！在每个项目中我们都要问自己两个问题:“我们为用户节省时间了吗? ”、“我们是如何为用户节省时间的?“在社会中什么东西是最宝贵的? 金钱? 地位? 我认为是时间！ 我们要珍惜我们的时间,因为有太多东西都要依赖它，我们有太多的事要做，人们讨厌浪费时间,特别是在网上。很多人每天大部分时间都在上网,每个交互都要花费我们的...