![]() ![]() ![]() The top portion of the screen showcases the product with a sample video. Take for example the Lily homepage which uses both photos and vector icons. Of course this can work with photography and raster graphics, but vectors are meant to scale and run smooth on any device. Visual art is the best way to explain complicated ideas to people in the shortest amount of time. It’s a distinct style quite different from the others but it still looks great. Interestingly the icons themselves are more like cutouts from the circles. Each of the circles represent a stage in the development process from start to finish. Lower on the page you’ll find a set of circular icons with varying colors. 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. |