Each column has a brief paragraph expanding on the company and their services. The top blue section uses vector icons with dark backgrounds listed in columns. Pixel2HTML offers an even more striking example on their homepage. The lower sections expand upon the agency’s design work in the same flat style. For example, the top portion covers their team with animated graphics. Each section of the page uses a different icon to expand upon the internal content. The point is to maintain consistency and portray each feature in a digestible manner.Ī really cool example can be found on FlatoMedia which uses the typical flat vector style. Feature icons can be monotone or multi-colored. Most people latch onto visuals because they send a clear message relative to context. Vector icons are used to expand upon these features with graphics counterbalancing text. Typically these features are located on the homepage or landing page of a service, application, or digital product. One technique I never tire of seeing is the product feature list. Once you understand how to use these icons efficiently you’ll have a better grasp of interface design and methods for crafting usable websites. The following ideas and sample websites should help you come to terms with vector icon design. Vector icons are a newer facet of web design as browser support has evolved to reach global demand. One such area worth studying is icon design because it can be used for a variety of purposes. Mastering web design requires understanding design fundamentals coupled with various design techniques.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |