FiFi Design

视觉改变生活 细节成就体验

Category: 2.APP设计

APP设计

非常实用的ANDROID平台设计规范

1、尺寸以及分辨率:

Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准;

2、界面基本组成元素:

界面基本组成元素包括:状态栏+导航栏+主菜单栏+内容区域;以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样,android对于尺寸没有太明确的 数据规范)如下:

001
3、字体:

And[……]

继续阅读

设计师应该相信自己的直觉还是数据?

FiFi在从事设计行业到某个时间阶段的时候,经常会反问自己,是否自己设计的东西就是真的能代表或者证明“美”、“漂亮”、“用户体验好”?如果能代表的话,是不是应该由数据来判断考究?自己的直觉就是真的代表“设计”么?看完这篇文章,FiFi认为,一个好的设计师必须有一个好的直觉,来指引设计的方向,也正是有一个好的直觉,才会适合做设计这一行业。直觉可以称之为根本和基础,数据则让你直觉之外的范围更加清晰和明了。

本文由江南大学设计学院研究生[……]

继续阅读

iOS 7.1 Safari新增的一个新特性,网页加载时隐藏地址栏与导航栏

iOS7.0的童鞋在用Safari浏览网页时,都知道是这种效果:

11

滑动页面的时候,底部和顶部的状态栏会自动隐藏弱化,这个体验其实挺人性化的,但fifi觉得可能某些时候会觉得不方便,因为假如我常常要回顾上面看过的文字内容,就要滑动回去,滑动的时候底部和顶部的状态栏就会显示出来,无形中占据了不少的窗口位置。

始终强调人性化设计的苹果当然注意到了这点,于是在 iOS 7.1 的 Safari 中为 meta 标签新增 mi[……]

继续阅读

超全!扁平化的苹果手机苹果笔记本PSD素材

今天这套的的扁平化苹果设备psd素材包含各种角度、各种方向、各种姿势呀!作品演示、页面设计必备素材之一。扁平化各种小清新呢,收藏之!

 
flat-apple-device-psd-01

 
各个 apple 设备的颜色
有iPhone 5、iPhone 5s、iPhone 5c、iPad、iPad Mini、Macbook、iMac等设备的模型和颜色

flat-apple-device-psd-02

 
颜色齐全
flat-apple-device-psd-03

 
多视角
flat-apple-device-psd-04

&nbsp[……]

继续阅读

一目了然,入门级移动web、app开发规范推荐

FiFi:对于刚接触app开发、移动web开发的人员开说,如果身边有一本相关的开发规范来指导和参考,那真是再也方便不过了,下面就是Alloyteam在日常开发过程中总结提炼出的规范建议,具备较好的项目实践,强烈推荐使用

字体设置
使用无衬线字体
body {
font-family: “Helvetica Neue”, Helvetica, STHeiTi, sans-serif;
}
iOS 4.0+ 使用英文[……]

继续阅读

向高手迈步,浅谈图标字体化Icon Font

FiFi前言:随着大分辨率手机的发展,越来越多视网膜手机出现在我们面前,包括现在热度很高的4k显示器,都给项目开发过程中设计师带来了难题。因为越大的分辨率就意味着需要制作设计更大的图标,同时还要为了适配不同的分辨率屏幕而制作不同的图标尺寸。但矢量图标或者说图标字体Icon Font将改变这一难题。

FiFi用的Macbook Pro Retina在阅览网页时候就发现不少网站已经使用的Icon Font,比如“淘宝”、“支付宝”、“[……]

继续阅读

[腾讯CDC]扁平化和简约风来袭

 译者注:本文作者 Adrian Taylor 是一位交互创意总监并且是Pushstart Creative的创办人,专注于多种研究,如物理聚合、人机交互技术和品牌体验等。尽管他目前工作的重点是产品研发、战略发展、UX等,但是对pixels却一往情深。想了解更多可以去designtaylor.com或者上Twitter查找 Adrian Taylor。
原文地址:http://www.smashingmagazine.com/2013[……]

继续阅读

[一淘UX]如何在移动设备上使用iconfont矢量图标

随着IOS7普及,扁平化设计在移动设备的应用越来越多,iconfont在移动设备上应用的话题也越来越受前端工程师关注,下面是阿里妈妈MUX团队在移动平台应用的一些经验教程;

iconfont的优点

iconfont在web上的应用已经很广泛,如淘宝、一淘、sina、豆瓣等大网站都已经在自己的网站上应用了iconfont技术;它能有效的解决分辨率的问题,并且在应用的时候非常便捷,节省前端、设计很多重复改图、调色的工作。在移动设备上[……]

继续阅读

© 2017 FiFi Design

登录 Copyright © 2010-2014 All Rights Reserved. FiFi Up ↑