FiFi Design

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

Tag: 网页设计

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

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

11

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

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

继续阅读

儿童少儿类网站的可用性研究

FiFi:做过不少儿童少儿类的产品网站,也探索关注过儿童心理需求方面的文章和数据,但在项目实际视觉设计的过程中,还是难以把握这方面的视觉体验。今天看到tgideas写的关于儿童网站的可用性研究文章,深有体会和学习!
儿童产品在几年间异军突起,越来越受到人们的欢迎。艾瑞咨询于2012年2月进行的儿童网民用户调查的数据、CNNIC公布19岁以下网民规模及中国统计局公布的各年龄段人口分布加以推算,艾瑞咨询得出目前中国6-14周岁的儿童网民数[……]

继续阅读

超全!扁平化的苹果手机苹果笔记本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网站设计

在网站整个项目设计开发的过程中,经常提到的是“用户需求”四个字,用户需求直接关系到最根本的用户体验问题,把握住用户需求和体验的产品才会更好的吸引住用户,如何把握住用户需求,就要时时刻刻考虑“如何以用户为中心,进行web网站的设计和开发”,FiFi博主之前入手过一本《用户体验的要素》的经典书籍,这本书是一本更加偏理论的书,这本书就从很明确的讲解了如何以用户为中心进行web网站的设计。
在设计一个Web网站的开始阶段时,首先需要考虑如下五[……]

继续阅读

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

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

继续阅读

12例设计精美漂亮的Mac和iPhone APP网站

乔帮主虽然登上了2012的诺亚方舟,但是他的苹果公司还在继续,同样很多的Mac和iPhone  APP也持续的被开发出来。

苹果的产品和品牌可以说是优秀设计中的代表,Mac和iPhone app设计师们的设计也是非常具有很高的质量水平。他们设计的APP的宣传网站界面不失个性和出色的色彩运用,或者运用很有质感漂亮的大图标和像素级完美的按钮来组合搭配。我们在使用这些应用的同时何不欣赏下这些应用漂亮的宣传网站呢?
希望这些网站能给你带[……]

继续阅读

10个单页的网站设计欣赏

单页的呈现设计方式在国外的网站中非常常见,界面或简洁明了或个性有趣,这些页面风格往往很少看到水晶高光那样的风格,反而是以恰当的图文排列以及舒适的颜色搭配或者有趣的图形来呈现表达的元素,当然英文字符的排版设计也比中文有优势。

国外带宽比国内要高很多,所以欧美风格的这种网站大都会使用Css3和漂亮的js效果,用chrome浏览器浏览欧美的网站吧,会的到最棒的效果哦。

下面就是几个不错的单页网站设计欣赏,希望能给大家带来一些灵感。[……]

继续阅读

网页设计的细节,让网站更加完美

细节使得这个世界从平凡变得不平凡。

一辆豪华汽车与传统汽车拥有同样数量的车轮、座位、门窗,但是使得它在竞争中脱颖而出的却是花费在细节上的时间。加热真皮座椅,一按即启动引擎,无钥车门开关,自动泊车系统,丰富的数字电台等等使得它成为一辆昂贵的新型车。

同样的规则也适用于网页设计。愿意花费时间专注于细节的网页设计师能够获得拥有更多价值的设计。这里的关键词就是价值。我们无法保证建立网站所花费的时间和其结果所带来的价值之间有直接的关系[……]

继续阅读

设计开发中不可或缺、必备的几款Firefox插件

话不多说,用了你就知道好了。

在网页设计制作中经常使用到的火狐浏览器插件——

1)HTML Validator

网页符合W3C标准十分重要,一方面是为了让页面能够跨浏览器兼容,另一方面也是为了让搜索引擎能顺利地抓取和理解你的页面。所以让页面通过W3C校验是网 页优化工作很重要的一方面,使用火狐HTML Validator插件能够高效地检测出页面中HTML代码的有效性,不仅如此,它还能显示出错的代码位置,并给出错误说明[……]

继续阅读

设计的原则

原文链接:http://www.digital-web.com/articles/principles_of_design/
本文翻译不顺畅已经做了小小修改,能理解大致意思。
作者:约书亚大卫麦克勒格,日内瓦人,在美国俄亥俄州哥伦布市生活和工作。一个多才多艺的逃避现实,在不坐在电脑前面的一个,他是最幸福的手与画笔或铅笔书写,描绘他和自己的小小世界。
“我们可以将所有的设计的基本原理分为两类:原则和要素。在这篇文章中,设计的原则[……]

继续阅读

© 2020 FiFi Design

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