‘GUI’ Archives

虽然微软操作系统的界面视觉效果一直被拉出来和苹果做比较,而落于下风。但window7和windows mobile 的ui设计风格,还是可以看出做了很大努力的提升。这里有一些设计师和爱好者的w7主题作品,希望可以带给icon及ui designer 一些灵感。

详情请见原文:22 Awesome Windows 7 Themes

http://slodive.com/freebies/22-awesome-windows-7-themes

包括:给您的网站设计一个移动样式表 

如何使您的网站适合手机 

智能手机上的网站设计

让你的WordPress博客Android和iPhone友好 

如何编写适合iPhone和其他无线设备的网页

有效设计兼容多屏幕尺寸 

iPhone开发10大新技巧

8种方法使你的网站对移动设备友好

反思移动互联网

移动可用性 

移动设备应用的可用性指南 

不容错过移动网站设计可用性提示

……

多篇设计开发, 可用性, 兼容性的文章。 以及多个开发套件, 模版, css模版, 设计框架, 测试工具, 设计实例

Mobile Development Toolkit

http://www.noupe.com/tutorial/mobile-development-toolkit.html

作者是一位帮助iPhone App开发者审核它们产品的“批判委员会”。 开发者可以向他们发送问题和困难, 以及他们的app, “批判委员会”将免费就一部分重点可用性问题, 提出设计建议, 发布他们的调查结果。
文中举例了3个app:

  • 1 Foobi——饮食跟踪, 卡路里计算, 提出了设计和流程的问题, 特别是关于他们的icon, 笑死我了。
  • 2 Budget Planner——预算规划:分析了优缺点, 提出了可视化方面的建议
  • 3. Units United——单位转换应用:提出了设计思路上的问题

iPhone App Designs Reviewed: Critique Board and Lessons Learned

http://www.smashingmagazine.com/2010/09/15/iphone-app-designs-reviewed-crit-board-and-lessons-learned/

设计网站或者APP的时候总需要做一些草图, 而很多时候随手绘制的草图可能尺寸比例上面会有很多问题, 所以手头有一些线框图和UI设计工具包还是很方便的。 当你开始设计的时候, 你只要发挥你的灵感并且组合他们就好了。

这可是精心选择出来的噢~ 包含手机和平板电脑, 网站, 甚至纸面上的一系列资源 ^_^

Free Wireframing Kits, UI Design Kits, PDFs and Resources

http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/

1简洁, 一致, 清晰 2 华丽精致的外观, 纹理, 鲜艳的色彩, 简便, 凸起, 反射和阴影。 节奏感 触摸反馈 3 未来派的幻想风格 闪烁, 蜂鸣, 脉冲的壮观画面 全息图像效果 3维视角

Exploring Graphic User Interface Styles – from Minimal to Futuristic

http://psd.tutsplus.com/articles/inspiration/exploring-graphic-user-interface-styles-from-minimal-to-futuristic