标签归档:网页

响应式图片解决方案

如今开发一个网站不是响应式都不好意思拿出来,那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢? 网站的平均加载已经到了近 2MB 并在不断地增加中,其中图片占据了绝大多数流量(63%)。可以肯定的是网页已经有了严重的大小问题,而图片就是罪魁祸首。

UI设计师这么火,我们真的要转行吗?

我们真的要转行吗?或许要先提升自己的核心知识储备!近几年移动端和互联网公司大量发展,随之而来的是好像全世界都在找UI设计师。各种要转行的声音也是层出不穷,但是我们真的要转行吗?今天让资深网页设计师@谢思靖 来说说他的观点!

谷歌字体安装指南,并在网页上使用 Google Web font

现时有很多网站流行使用网页字体,这些字体大部分来自 Google Font 提供的700+免费字体,对于网页设计师和前端人员来说,是个很棒的字体库,设计师可以使用字体库提供的免费字体来网页设计,而前端人员可以直接调用 Web Font 样式,极其方便。这篇文章教你怎么用!

你的布局设定方法靠谱吗?

本文不适合采用天才设计(Genius Design)方法的人士。 有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是否可以?图片的尺寸为什么是278px*196px?如何确定网页的宽度?“

在响应式项目中连接设计与开发

优秀的网页项目,不会单靠好的设计或是开发就能成功——它也需要设计师与开发者的沟通与协作。 我看过相当多的设计师与开发者由于缺乏沟通而糟蹋了项目,结果导致关系恶化。我也见过很多初学的设计师和开发者,通过团队协作创造出惊人的结果。

告别8种设计元素,接下来是谁的时代

 去年,几个我个人不太喜欢的设计元素和技术创作鸣起了丧钟。其中有的已经彻底消亡,有的还在挣扎,还有个别的也在最近确诊“没救了”。放眼向前,我认为它们日渐凋零的身影反而会让2014成为用户体验设计更进一步的一年。

不同时代,不同尺寸:多终端平台网页趋势

我们每天把大量时间花在各种屏幕前:电脑、平板电脑、智能手机和电视,所处的情境决定你会使用哪种设备:在哪里?干什么?有多少时间?现在大家主要以两种方式在不同屏幕设备间切换,即使用完一个屏幕设备再使用另一个设备,即同时使用多个屏幕设备,多终端的切换让我们效率提高,同时也让我们很有成就感。

响应式导航有哪几类设计方式?

在大屏幕上,导航置顶或导航居左是两种典型的设计模式,然而,这两种模式在小屏幕上却遭遇挑战。在响应式设计日渐流行的今天(译者注:其实已经流行了好几年了),我们更有必要重新审视针对小屏幕环境下的导航设计模式。这些通过移动设备访问的页面导航,必须既方便用户快速访问,又不能过于突出。

动效设计的物理法则

编者按:虽然本文主要以网页作为实例,这些物理法则公式在移动设备动效设计仍然有用。动画的原理都是想通的。 动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则

22个APP网站设计欣赏

近两年来,随着平板和智能手机的流行,人们对于移动设备的应用软件类型需求也越来越多,例如:视频、音乐、天气、游戏、通讯、生活等,由此催生了许 多的从 事APP开发的公司、工作室甚至是个人。

比较儿童与成人的可用性

近年来我们已经仔细的研究过了以儿童为中心的设计。研究的主要原因是为了给目标群体为儿童的设计师们创造一种意识。在没有目标年龄用户群参与的同时,成人设计师是无法为孩子们设计游戏、网页以及应用程序的。

用户体验中巧妙的过场动画

一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验,同时分析为何这些简单的样式能够如此好用。

移动端的设计之路:手机版专题页面的注意事项

就算手机本身有局限,会让我们做手机网页的时候唯唯诺诺,但手机的功能确实越来越强,可以预见在不久的未来,手机可以全部实现目前PC中的功能。网络环境也会越来越好,加载速度的加快也有利于设计师发挥更大的空间。

移动网站设计应该避免的“七宗罪”

移动端网页在今天虽然已经变得越来越重要,但我们在日常使用中依然会遇到一些糟糕的页面。近日,开发者Umer Mansoor就总结了开发移动网页时应该避免的“七宗罪”。 页面加载缓慢:众所周知网页加载速度是网站性能的一项重要衡量指标,毕竟很多时候用户并不总是在WiFi状态下浏览网页,所以加载缓慢无疑是移动页面七宗罪之首。