莫银帆-CSDN博客

一直在想，APP有IOS和Android的区别，而这两者有根据手机屏幕的大小需要不同的尺寸规范，那么多的尺寸，一个个的去切图，可能我会累死吧，想想我在UI的路上还没走多远，可不能放弃，于是找了很多资料，也去问了一些大神，经过整理后知道了他们是如何进行轻松切图的。下面就将我整理的东西分享出来：一、哪些元素需要切出来完美的设计图终于出来了，但是设计图上面丰富的元素，究竟有哪些需要我们切图出来呢？设计图中

2016-05-05 13:19:28 2185 1

原创简单的倒计时效果

前言：倒计时效果在电商平台中用到的非常广泛，今天感谢程童鞋分享了一个倒计时的效果给我，趁着上午不忙，赶紧的研究一下，现将这个功能分享给大家。一、语法归纳注解参考1. JavaScript Date（日期）对象 Date() 返回当日的日期和时间。 getTime() 返回时间间隔内的毫秒数。2. JavaScript floor() 方法 floor() 方法执行

2016-01-06 11:23:32 1357 2

原创 scroll()和scrollTop()方法——实现电商网站中的电梯导航

要想实现电商网站的电梯导航效果，首先需要了解以下知识点：jquery 事件 - scroll() 方法对元素滚动的次数进行计数，当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。jquery CSS 操作 - scrollTop

2015-12-30 15:37:45 5117 3

原创 Jquery轮播图制作

前言：网站是否让人感觉高端大气上档次，最重要的就是轮播图，所以做好轮播图尤为重要！以前要做图片轮播效果的时候，总是在网上找固定的模板复制粘贴进去，但是网上找来的资料总是有很多冗余的东西，而且不够精简，今天我就把几种主流的轮播图的做法和大家分享一下。备注：本人刚接触前端这一块，这是第一篇个人博客，希望大家多多支持，有问题可以与我沟通交流，谢谢！一、分类无缝滚动简单的呼吸轮播全屏呼吸轮播蒙太奇轮

2015-12-30 10:45:44 10154

原创移动端设计规范

最近一直在做移动端的界面，其中的业务涵盖很广，有功能性的，也有商城的，每一种的设计思路会有所不同。公司希望页面上板块提现的商业性的东西更多一点，通过各种活动小版块的引导，指引用户去到具体的业务功能点，引导用户在平台上面进行消费。刚开始做的时候，很快的速度就做出来了，但是可能是太过死板，没有商业运营的内容，被拍死了，之后经过讨论，给出了一些设计思路和方向，同时去看相关竞品的相关设计方式，结合自己产

2016-07-28 16:28:02 2008

原创 APP首页设计

app的首页是给用户的第一印象，首页做的好不好直接影响到用户的体验。我也是在其它地方看到了关于首页设计的几个注意点，把这些要点总结如下：1.“首页设计三大原则”1)主题模块主题模块的设计要保持整体色调和风格的统一，根据对用户群体的分析，确定合适的风格。2）核心功能展示核心功能的展示，可以方便用户快速了解基础的功能和服务，然后配合良好的交互体验，用户可以很快就能适应首页，并熟练的使用。3）内容的推荐深

2016-06-12 10:15:05 1371

转载引导好评弹窗怎么做才能让用户体验更好？

每位开发者制作APP都希望更多人来用，满足更多人的需求。在android渠道上，可以花些推广费、互换些资源来增加用户量（激活量），但是到AppStore上就比较难办，虽然刷榜的事情屡禁不止、排行规则一改再改，但是大家还是八仙过海各显神通、千方百计想方设法来增加用户量，而引导用户给APP五星好评便是其中一种。那么问题来了，什么样子的引导好评、什么时机的引导好评最好哪？先看看笔者在使用APP中遇到的好评

2016-06-12 09:32:11 2479

转载用户体验的重要性

互联网的时代，说是一个体验为王的时代，一点也不为过。在互联网时代，产品是否能够做成功，用户体验成为一个关键点，用户购买你的产品，并非是与你结束了交易，而是一个新的开始。当用户拿起你的产品，使用你的产品的时候，用户体验之旅才真正开始，而用户的体验之旅是否愉快，将直接影响到你的口碑，影响到你的销售。有一个叫Scott McKain的美国人遇到这样一件事：他要到美国一个城市给一群商业领袖做演讲，但很不幸，

2016-06-08 13:51:45 12057

原创 UI设计——磨皮

首先打开素材—复制图层，对瑕疵部分进行修补–进入通道复制蓝色通道—滤镜其它–高反差保留–选择蓝色副本通道–执行图像–计算：混式：强光—按上一步方法计算三次得到通道三–将通三载入选区–回到综合通道—反选执行曲线–擦除不需要的部位，得到最终效果

2016-05-15 08:39:42 436

原创 UI设计风格的变化

UI风格一直在变化着，从拟物到扁平，从文字到图形，人们对视觉的要求越来越趋向于更加简单化。一、变化1.新版IOS的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在一起，但是尺寸高度还是没有变的；2.随着IOS9的推出，Apple推出一款全新的字体苹方（San francisco）,并比以往任何时候都更多建议使用自适应布局，从而使设计成果轻松跨多设备；3.从IOS7开始，图标已经从简单的

2016-05-05 14:09:44 3794

原创 app界面设计规范(整理)

之前一直没有接触过移动端设计，公司马上就要着手做移动端，前期做好准备也好快速上手。看过一些资料后，把一些重要的东西整理了一下：IOS界面尺寸：IOS图标尺寸：iPad设计尺寸：iPad图标尺寸：Android的图标尺寸：关于字体那些事儿：1.IOS字体设计规范iPhone 上的字体英文为： HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。百度

2016-05-05 09:37:36 2488

原创启动页设计规范

一、启动页用户引导的作用一方面从产品的角度出发，产品需要通过用户引导来突出产品的新功能和特性，说明功能结构变化，避免产品的陌生感，满足产品的需求。另一方面从用户的角度出发，用户需要通过用户引导了解产品的功能以及如何操作，迅速上手这个产品，降低学习成本，满足用户的需求。二、用户引导的设计原则1. 保证用户引导的有效性保证用户引导发挥自身的作用，突出产品的功能，帮助用户更好的使用产品。这是

2016-05-04 15:57:20 3282

原创 App如何合理地向用户推送消息

首先要说的是在这个互联网飞速发展的时代，各种各样的APP出现在用户的面前，同时也伴随着一系列的互联网广告——APP的推送消息。有研究表明，70% 的用户卸载都是由于不合理推送造成打扰用户的结果。今天，看了一篇关于如何正确推送消息才能让用户不反感，真的觉得确实需要引起重视。作为一名UI，应该时刻关注用户体验。 1.根据兴趣，分用户群体进行推送筛选了你认为感兴趣的用户，

2016-04-21 16:27:31 1247

转载关于Web前端做前后台数据交互的那些事儿

这里以用户登录为例，用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。用户在输入用户名和密码后，提示用户登录成功，并显示相关登录信息，如果点击“退出”，则退出到用户登录界面。进入index.php，如果用户已登录则显示登录信息，如果未登录则显示登录框要求用户登录。

2015-12-31 14:39:30 25359

原创浏览器兼容

1、IE6下z-index不兼容问题 IE6和IE7有一个bug，如果只是对一个子元素设定z-index，这个值再高，也不能覆盖与父元素同级的其他元素。所以现在通用的解决方法是对子元素的父元素也定义一个z-index的值。例如这样<body> <div class="container"> <div class="test"></div> </div

2015-12-30 16:48:52 479

zw_div的博客

转载 banner设计技巧分享

原创 UI切图那点事儿