IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Photoshop图标(icon)设计分享

网易用户体验设计中心博客 2010-08-20 01:21:42 累计浏览 3,152 次
本机暂存

    原图已失效

    不难发现,现在大部份网站都融入了图标,图标逐渐成为网站里重要的一部份,无论是导航,栏目内容,甚至是广告banner及场景…… 很多时候图标都充当着重要角色。在我们设计网页或是一些界面时,是否曾遇到这个图标不好用,那个图标有版权,这个颜色或角度不是我们需要的,那个不是我们要表达的含意…… 那么,我们需要自己设计图标。

    图标设计,很多人都有自己的一套方法。这里我跟大家分享一下自己的一些小经验。先来看几个线稿与最终效果图:

    原图已失效

    嗯,就先拿最后这支[铅笔]为例(比较简单易分析)。首先,弄明白这图标用在哪?也就是先弄清楚需求――弄一支可以当冲浪板的铅笔。好了,一切废话到此终止。

    设计过程分三大部份,线稿手绘――photoshop制作――图标运用。今天主要说说前两部份。

    原图已失效

    原图已失效

    原图已失效

    原图已失效

    原图已失效

    原图已失效

    原图已失效

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 【社会化设计】自我(self)部分――欢迎区(welcome area) (累计阅读 16,831)
  2. Web表单设计之注册表单 (累计阅读 8,876)
  3. App的成本 (累计阅读 7,584)
  4. 用色彩打造专业的视觉效果 (累计阅读 7,233)
  5. 在 Mac OS X 终端里使用 Solarized 配色方案 (累计阅读 6,148)
  6. 为什么要段首空两格 (累计阅读 5,950)
  7. 如何创建一个简洁、光滑的web2.0网站页脚 (累计阅读 4,978)
  8. 在程序员的眼里,用户是这样使用他们开发的软件的 (累计阅读 4,926)
  9. 不得不说的糟糕设计 (累计阅读 4,904)
  10. 产品细节、用户体验和学习的态度 (累计阅读 4,723)