网站图标设计经验总结 网站中如何使用图标

网页制作Webjx文章简介:看高手如何设计ICON图标,以及在网站设计中使用图标.

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

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

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

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


[1] [2]  下一页

时间: 2024-11-01 05:40:27

网站图标设计经验总结 网站中如何使用图标的相关文章

网站改版设计经验:改版网站的特征分析

文章描述:将改版网站的特征集成在一个专题中展示给用户,个人觉得如非显要位置推广,很容易让人忽略. 互联网行业,几乎每天都有新的网站上线,旧的网站改版,但不论是新站还是改版都有一个共同的特征就是'全新',全新的产品结构,全新的视觉风格带来全新的用户体验,这样的创新和调整多多少少都会给用户带来些许茫然. 最近关注一些大型站点改版设计,如七月末淘宝的改版2013淘宝新详情页改版出炉以及针对京东改版谈网页设计趋势,感觉业内对新版调整后的用户适应方面做了很多新的努力,这篇则是作者对改版设计的一个小总结,今

网站导航设计经验分享:清晰的导航能够让页面简单易用

文章描述:网站导航设计经验分享:清晰的导航能够让页面简单易用. 导航是互联网产品中应用最广泛的基础元素之一,引导用户了解到网站的内容结构进而找到所求.作为基础控件,导航看起来简单,但却是产品设计中最复杂繁琐的一部分.因为我们想要让网站结构更清晰.想要向用户传达所有的信息,所以就赋予了导航越来越多的内容,使他们庞大异常,十分纠结.简化了,用户无法了解到页面结构以及自己的处境,产生困惑:复杂了,导航臃肿不堪,层峦叠嶂,既不美观也不好用. 那么,在清晰的信息架构下能不能让导航尽可能的更轻便.更灵动,是

网页设计经验分享:网站的设计流程

文章描述:网页设计流程-实例说明. 对于很多刚入行的网页设计来说,总有很多迷惘和不安,特别是在设计过程中,遇到反复修改,更是有想揍人的冲动,有句话怎么说来着,每一次网页设计师背后,都有一群指点江山的大神.这里,就说一下我过往的一些经验,以及一个网站的设计流程,尽量让更多的新人少走弯路,踏入网页设计这一行业. 注明: 本文来自站酷网 - 由半醉人间 原创

游戏官网设计经验分享:网站设计具体过程

文章描述:内页的设计,延续昏暗的设计风格.第一人称视角.全程的背景音乐,这一切都旨在为玩家提供一个真实环境氛围,让玩家体验更加真实.刺激. 引言: 提到横版格斗的网络游戏,大家可能最熟悉的就是腾讯代理的2D像素游戏(DNF),从08年上线到现在一直热度不减,可见在中国的游戏市场上格斗类的游戏是多么的受到玩家的热爱.随着电脑硬件的提高,游戏的画面品质得到了进一步提高.创造出高品质的横版格斗游戏成了众多游戏厂商的目标. 项目背景: <暗影之剑>是一款成人横版动作MMORPG.游戏首次将暗黑写实风格

网站整体设计 百度对网站权重算法简析

大家常说"内容为王,外链为皇",其实这句话就基本上告诉了我们网站百度权重计算的方法.就是一定要内容质量好,有可读性且满足客户需求,并且还要用户体验度好,这就是对网站整体设计的要求了. 越是权重高的站点在百度的排名就越靠前,并不一定就是pr高的,或者百度收录多的或者快照最新的就一定排名靠前.是需要一个综合评定的!就比如百度搜河南+产品 ,在我们郑州这边的显示是:网站A排名第四,论收录数量.快照.site位置等等都是要比第一名那个站点(下面统称网站B)要好的,可是网站B为何收录少.外链少.

网站VI设计不只是网站的装饰物

所谓VI设计,即是视觉识别系统,网站的VI设计,即是网站的视觉系统.简单说就是网站的风格.模板.对于网站的模板,大的网站一般都比较在意,固定下来也一般不会更改,更会从多方面去考虑各部分的统一性,独特性.而个人网站比较喜欢单纯追求美感.有的站长更是三天两次地更换风格.而要知道,即使为美感而更换风格,每一次也都是有代价的.网站的VI不仅仅是一种装饰物. 统一性作用 用户进入一个网站,点击里面任何一个链接.这个链接有可能是站内链接,也有可能是站外链接.用户是如何辨认的呢?大部分的用户都不会去看地址栏通

UC8.0浏览器产品游戏中心图标设计经验分享

文章描述:UC8.0诞生记–应用中心图标设计小教程. 应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我

网站交互设计:Web网站通知系统设计

写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明.本文只梳理设计原则,后续相关内容会持续更新. 这里的通知包括但不限于公告.提醒或消息(不同使用场景下的功能定义不同). 关于各客户端平台(ios.android.wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考. 一.通知系统定义 通知系统,顾名思义即通知信息的传达处理系统.目的是为了让用户获得需要得到的消息及提醒并进行处理. 这里的"需要得到"有两层意思: 1.用户彼此互动触发的信息流(留言

图标设计-大神请进,关于图标制作的问题

问题描述 大神请进,关于图标制作的问题 在百度搜了许久,没有得到答案,我就是想知道像qq这样的超大精致图标到底怎么制作,有会的吗? 解决方案 这个应该是 PS 高手设计的吧,专业的设计软件 解决方案二: 绘图软件 用不着ps