小屏,你好!——10大移动端网站案例激情赏析

移动互联网时代的悄然袭来改变着我们的生活方式,同时也有大批的设计力量涌入移动端设计领域。在web2.0时代背景下孕育成长起来的设计师们,在进入这样一个新鲜的领域时多少有些“水土不服”。希望通过…

自适应不同的分辨率界面的技巧

首先呢来看一张图: 这是2个半月腾讯游戏官网的分辨率数据,可以看出来PC端里1024*768占20%、1920*1080占14%。而这2个分辨率的显示宽度相差了接近一倍。 而现…

前端之Android入门(5) – MVC模式(下)

在上一篇文章中,我们将 View 类单独出来并完成了设计和编写。这次我们将完成 Model 类,并通过 Controller 将两者连接起来,完成这个计算器程序。 模型(Model)就是…

交互式网站UI设计指南

Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。

关于手机端meta知多少

本来打算写关于手机端的知识,想了想先从meta着手。接下来请大家看几个网站的例子。

前端之Android入门(4) – MVC模式(中)

MVC 模式的最基本概念是分层设计,把我们的代码基于 View(视图)、Model(模型)、Controller(控制器)进行分类封装,这样做的目的是为了清晰结构,使代码更易维护和扩展。

前端之Android入门(3) – MVC模式(上)

很多Android的入门书籍,在前面介绍完布局后就会逐个介绍组件,然后开始编写组件使用的例子。每每到此时小伙伴们都可能会有些疑问:是否应该先啃完一本《Java编程思想》学点 Java 知识呢?…

前端之Android入门(2) – 程序目录及UI简介

在这次的文章中,将会介绍Android程序的目录结构以及UI知识,为下一篇实际例子的编写打下基础。由于文章篇幅有限,所以本着先浅后深的思路,从简单介绍入手,然后在往后实际例子编写中再深入扩展学…

漫谈响应式设计

1. 如何理解响应式设计(RWD) 学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容易的给我回复“你好”,因为大家…

图标字体化浅谈

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化。在微社区项目中,有很多小的Icon(图标),如分享、回复、赞、返回、话题、访…

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

移动端网页在今天虽然已经变得越来越重要,但我们在日常使用中依然会遇到一些糟糕的页面。近日,开发者Umer Mansoor就总结了开发移动网页时应该避免的“七宗罪”。 页面加载缓慢:众所周…

前端之Android入门(1) – 环境配置

随着移动互联网的迅速发展,前端的概念已发生很大的变化,已不仅仅局限在网页端。而Android系统作为智能机市场的老大,作为前端开发工程师,非常有必要了解和学习。但面对众多学习资料,站在前端开发…

设计师需要掌握的图片原理与优化技巧

前言:该文收集了前辈们的一些关于图片优化的技巧,在此收拢到一起,对于各个方法的优化原理做了一些研究,希望能给大家对于图片优化这一块起到抛砖引玉的作用。 提到图片,我们不得不从位图开始说起…

如何优化移动网站,快速响应如本地应用

注:该文章大约3000字。它覆盖了移动端网页交互体验优化的很多不同方面的实际解决方案,用来优化你的网页运行速度。注意不是让你的站点运行的有多快,而是让你的用户感觉有多快。   …

前端工程师必备:细数那些好用的网站开发工具

Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库、代码库、插件库、配色方案和测试工具。他同时指出,Web开发环境将慢慢转…