![]() ![]() The other disadvantage, which is also related to inconsistent rendering, is positioning. The problem can be demonstrated with the following screenshot: The biggest I see is the unreliable rendering across browsers. Nonetheless, icon fonts have also disadvantages. you can use the same icon (shape) in different sizes, colors (saves time and performance).easy to apply CSS properties (color, gradient, shadows, etc.) without editing the icon itself.no need to care about support for Retina displays.fonts are scalable (no quality loss with different sizes).Using icons as web fonts has many advanta ges: Times, where web designers could choose only from 5-10 different fonts, are – luckily – over. Displaying icons through fonts is the same as using non-standard fonts for titles and paragraphs. All of those have advantages and disadvantages, so the choice is not always easy.Įven though, using non-standard fonts (in general) has became a standard of web development in the recent years. From importing bitmap image files (usually transparent PNG’s), to vectorized SVG’s or even using web fonts containing symbols instead of typical characters. There has been many techniques to use vector icons on web sites. case study custom icon design custom icons icons for client Our friends at Iconfinder also wrote a blog post about this custom icon project. When this fundament is built, creating a large icon set is fun as those design elements get repeated throughout the set to tie all icons together as a whole. Larger icon collections require not only to follow a grid but also strict style guidelines that will define the character of a collection. So the first steps, after studying the brief, were to define the grid (I’ve choose 24px), corner rounds, stroke weights and color palette, as the basic elements that will define the visual language of the complete icon set. The requested style of the icons was black outlines with a little color. A perfect case to use the foundation of the Picons Thin collection and extend it with color. The custom icon project for Synergis Software was complex, as the client asked for a coherent set of 150+ icons to redesign their window-based application (an engineering document management product). And I’m one of the few designers doing custom icons at Iconfinder. Besides creating own icon collections, I’m also offering custom icon design. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |