繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > WEBJX收集iphone手机网站设计实例
- 心得技巧
- 网页设计技巧:网页图片选择JPG格式还是GIF格式
- 一个好的网站和网页需要包含些什么
- 网页前端设计人员必备的技术列表
- 博客网站设计参考:主流的博客网站排版样式
- LOGO设计分析:几种logo标志设计样式
- 实时的WEB还有多远
- 免费资源:15个WordPress高级免费主题
- 用户体验设计:Nearby Tweets改版的完整设计过程
- 交互设计与用户体验:满足用户需求的交互设计
- 亚马逊整合用户行为数据实现精准营销
- 网页字体在不同浏览器显示不同结果
- web设计中的网页表单关于编码设计的小技巧
- 设计观点:领导的画圈艺术
- FireFox浏览器3.6版本的新特性
- 对比iPhone和Windows Phone 7设计界面
- 网页设计参考:95个极富创意的单页设计
- 同时具备创意与效果的FLASH网站实例欣赏
- 网页设计易用性:43条网站设计中常犯的错误
- 视觉设计前瞻实用性研究:全方位刺激你的感官
- 通过css和jQuery实现facebook底部的管理面板
心得技巧 中的 WEBJX收集iphone手机网站设计实例
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-01 浏览: 305 ::
收藏到网摘: n/a
随着手机上网的普遍，出现越来越多的手机网站，虽然手机的屏幕并不大，不过手机网站也有各自独特的设计风格，本文中的这些网站主要是针对iphone手机的网页，这些网站类型多种多样，当然我们可能无法以普通网页的标准来评判这些网站的设计，不过从中我们也可以看出一些关于手机网站设计的特点，本文最后包含了一些iphone手机网站的开发工具。
1. 新闻/娱乐类
独特的导航菜单为这个网站增添了非凡的吸引力，绝佳的理念和设计。
清新简介的版式和配色，非常契合网站的定位。
you-tube风格的设计非常便于查找和定位。
杂志架，所有操作一键搞定。
一个简单的转瓶子游戏，非常好的图像应用。
大缩略图设计，非常方便
配色方案很完善的星座网站
非常鲜亮的配色和版式，给人以冲击力和吸引力
2. 商业/企业
个性的红色界面和新颖的3D导航，增添了无限魅力
特殊的光泽设计，非常有质感
非常有商业气息，不错的色彩应用
充分体现动感和活力的Nike网站
信息比较丰富，但空隙太大了些
非常舒适的设计，让人不禁像进去睡个觉。
蓝色的背景、恰到好处的空隙和圆角，让这个网页非常舒适和引人注目
不常见的布局版式，非常适合iPhone
一个专门提供iPhone网站解决方案的公司，“go”上的手型图标让人忍不住就去点点。
另一个提供解决方案的公司
车型相册，导航非常人性化
3. 购物/电子商务
简洁漂亮的手机购物站点，购物流程非常舒适
独立产品的宣传网站，非常漂亮
非常容易找到想要的商品，并且可以生成自己的商品订单列表
4. 个人展示/博客
比较好的阅读体验
只有三个页面的网站，但是设计感非常强
配色与构图非常完美
5. 教育/资讯
简约，简洁，便于使用
虽然没有复杂的设计，但内容整齐，便于阅读
电话黄页站点，非常清晰易读。
爱厨人士必备
艺术展示站点，配色非常富于文化气息，且清晰易读
最后的不一定是最重要的，送给大家一句格言：
He who laughs at himself never runs out of things to laugh at. (大意可能是：学会取笑自己的无知，你就永不缺可以笑的题材。 ...)
iPhone网页设计工具
下面一些工具可以帮助你把网页快速“iPhone化”。
iPhoney是一个基于Safari的iPhone网页测试环境，可以用来测试开发iPhone网站。这是个非常好的工具，你可以看到网页在iPhone上呈现的样子。
基于web浏览器的模拟器，可以快速测试你的iPhone网页
iWebKit 是一个文件包，用来帮你建立适用于iPhone和iPod touch的网页和应用程序。里边包含了一些可用的模板。
iUI 是个包含Javascript、CSS和图片的前端框架，为你准备好了iPhone网页的一些标准样式和特效。
这不是个设计工具，它可以帮助你建立适用于iPohne的RSS Feed。
Wordpress的iPhone化模板
如果你的网站有相册，那这个工具可以提供针对iPhone的优化。
评论 (0) All
