 |
Icon DefinitionA program, feature, or file is represented graphically by an icon. A connected file or program opens whenever you press or double-click on an icon or an action is carried out. For instance, double-clicking the My Computer icon would launch Windows Explorer. The Mac OS X & Microsoft Windows are two GUI operating systems with icons. Thanks to icons, users can immediately recognize the sort of file shown with an icon. Most people today understand the term "icon" as an insignificant selected or non-selectable image pointing to or symbolizing something else on the computer's GUI (graphical user interface) or the web. An icon is an individual or entity highly appreciated, particularly for having a significant impact or importance in a particular field. This definition is the original and is still in use today. The word "icon" comes from the Greek verb like, also spelled eikenai, which means "to resemble or to be like." Religious artwork through Eastern Orthodox Christianity was frequently used as context. An icon in today's context is an image on a computer screen that stands in for an application, a feature, or another idea or distinct entity that has meaning for the user. For instance, the symbol for the recycling bin, or the location where files go after they are removed, is depicted by an image of a miniature trash can on a computer running a Microsoft or Apple operating system. An emblem on one webpage denotes the subject matter or information on another, and a hyperlink link to the other page is frequently included with the emblem. Typically, icons are grouped in a few places on the page, either as individual images or an image map. How Do Icons WorkIt can be a non-selectable image, like a company's emblem, although typically, the image shows as a little picture and is selectable. The connected program or website opens when you point the mouse pointer over an icon. Non-selectable icons may offer details about anything on the screen. For instance, if a text box has a copy icon next to it, users can print what's inside that text box. Computer icons aid users in quickly and readily identifying the things they require or desire because they are graphic symbols. Compared to conventional text-based links, icons offer a more attractive visual representation and are more fun. 
Evolution of IconsThe modest symbol has progressed a long way in a short time. For all of us who were born and raised in the current era, computer icons are present everywhere. The first genuine icon-based GUI only became available to customers in 1981, making the icon a far more recent innovation. Notably, the word "icon" literally means "image" and originates from the Greek word "eikon." The study of icons, or iconography, has historically been connected to religions where the icons represent deified people. However, the term was appropriated, and right now, there's a greater amount of work carried out on symbols in technology than on icons in religion. The icon in calculating is a representation that is meant to represent a function. 1981: Alto by Xerox The first computer system based on a graphical user interface, or GUI, was the Xerox Alto, which debuted in March 1973. The Alto was initially designed as an academic computer and wasn't offered for sale, with only 2,000 units worldwide. The Xerox Star was the initial consumer GUI computer released in 1981. It was the starting point for the evolution of many of the computer's icons over time and integrated numerous of the design elements of the Alto. 1983:Apple Lisa With the Lisa, Apple aimed to make navigation simpler for novice users. Drop-down menus, folders organized by folders, and mobile "Desk accessories," essentially early widgets, were all used to do this. 1984: Apple Macintosh After just one year, Apple unveiled the first Mac. The machine's icons were straightforward, and they carried over several characteristics from earlier versions that made them readily recognizable (note how "Trash" and "File" are still extremely different). Apple wanted to maintain its user-friendliness while expanding its presence in the market. There are a few additional changes between the 1984 Mac and what's next on our list. Just a couple of years after Apple's Lisa made its debut, Microsoft followed suit by releasing its first graphical user interface. When Windows was released, it included color and all the standard GUI components, including menus, windows control widgets, and scrollbars. Unlike Lisa and Macintosh's single menu bars, each application has its menu bar (located right below the title bar). 2001's Windows XP Windows XP icons have a single point of light and a partially transparent drop shadow. These icons, which continued the isometric design, were eye-catching and avant-garde at the time. 2007's Windows Vista Vista's icons appear somewhat different from those that Microsoft would later offer with Windows 7. From Vista's shiny, modern appearance, the Microsoft Windows 7 symbols virtually appear like a step backward. 2009 Windows 7 Compared to Windows XP, Windows 7's icons are virtually entirely redesigned. Compared to their predecessors, these icons are "softer" and seem to be made of more glass. 2001's Windows XP Windows XP icons have a single point of light and a partially transparent drop shadow. These icons, which continued the isometric design, were eye-catching and avant-garde at the time. 2007's Windows Vista Vista's icons appear somewhat different from those that Microsoft would later offer with Windows 7. From Vista's shiny, modern appearance, the Microsoft Windows 7 symbols virtually appear like a step backward. 2009 Windows 7 Compared to Windows XP, Windows 7's icons are virtually entirely redesigned. Compared to their predecessors, these icons are "softer" and seem to be made of more glass. Principles Of Icons1. ClarityThe main purpose of an icon is to make its meaning crystal apparent. Successful icons have gained global recognition through time and have become omnipresent. 2. ReadabilityA symbol needs to be simple to read. Bad examples include icons that are hard to read because they are blurry or bright. A symbol that uses numerous forms should have enough room between them for easy visibility. The icon is hard to read since there are too many strokes. 
3. AlignmentEnsure the components are lined up optically to guarantee synchronization across an icon. Any thought that is expressed briefly feels effective. In light of the space constraints, it is crucial to preserve icons. Furthermore, meaning can be communicated more effectively with a simpler icon. 4. ConsistencyWe should adhere to the same style standards when using icons of the same icon family. Every icon has a distinct visual weight defined by size, shape, fill, and stroke thickness. Consistency is preserved by maintaining these parameters, and it is simpler to communicate meaning. Every symbol has a distinct flavor, feel, and mood that it conveys; for example, the Facebook and LinkedIn icons seem formal and airy. 5. UsabilityAfter creating an icon collection, it should be evaluated and improved as necessary to ensure it is simple to use. Types of Icons1. Standardized Symbols for Electrical DevicesA number of repeating computer icons are drawn from the larger field of standardized symbols utilized throughout a wide variety of electrical devices. The power and USB icons are two examples of these, and they can be seen on several electrical gadgets. An important safety element for all sorts of electronics is the standardization of electrical icons, which makes it easier for a user to get around a strange system. PCs and mobile devices share many of the same icons since they are incorporated into both the software and hardware designs of computers as part of the electronic gadgets category. These icons on the hardware indicate which plugs and buttons do what. 2. Symbolic ImagesA representation of something referring to a signified is what an icon is. Simple-to-understand icons will use well-known visual metaphors immediately related to the Signified: the actions the icon starts or the information presented. An icon system encrypts the meaning using metaphors, metonymy, and synecdoche. The Signified can take on a variety of forms, including virtual objects like The documents and Apps, actions inside a system or application (like taking a picture, deleting something, going back in time, connecting or disconnecting), physical actions (like printing, ejecting a DVD, changing the volume or brightness, etc.), and physical objects (like a monitor, CD, mouse, printer, etc.) 3. The Illustrative ComputerA subset of the most visually appealing icons is based on items taken from a real office and desktop environment from 1970. It includes the standard icons for a document, file folder, trash can, and inbox in addition to the screen's physical space or the electronic desktop. Originally, this paradigm allowed users accustomed to standard office procedures and functions to traverse the computer's desktop and system easily. The icons represent items or features available on the computer and let users perform operations typical of an office environment. Data files appeared on desktop computers in the 1950s, followed by the hierarchy storage system (represented by file folders and filing cabinets) in the 1960s, and eventually the desktop metaphor (which includes the trash) in the 1970s. 4. For Use in Commercial Applications, Brand IconsAnother computing icon is more closely tied to the software programs installed on the computer system's brand identity. Along with their product, these brand icons have been added to the machine with the software. They perform the same function signifying system functionality and offering links for a piece of software or a data file. Beyond this, they serve as a brand ambassador and marketer for the product or business. These corporate and program logos receive great care in their design, typically carried out by commercial artists, as they reflect the firm and product themselves. These brand icons are protected by trademark registration, which makes them part of the company's intellectual property and helps to control their use. To ensure consistency in the user interface (UI), the utilization of icons is regulated or supervised in closed systems like iOS and Android. 5. Additional IconsOn some GUI systems (like Windows), specific subsystems can add a smaller added icon to an icon that represents an object (like a file), laid over the main icon and typically placed on one of the edges to show the status of the item that is represented by the primary icon. For example, to show that a file is locked, the subsystem of locking files may add a "padlock" overlaying icon to the icon for the file. 
6. General Icons Used in Daily LifeYou can obtain assistance or online documentation by clicking on the question mark symbol for a question.
ConclusionIn conclusion, icons are significant in branding, marketing, and users experience design. As technology continues to evolve, we can expect icons to be used in a new and innovative way that pushes the boundaries of what is possible. However, successful icon design necessities careful consideration of elements such as size, color, and style. Icons play and will keep playing an important role in our day-to-day life.
Next TopicInduction Definition
|
For Videos Join Our Youtube Channel: Join Now
Feedback
- Send your Feedback to [email protected]
Help Others, Please Share
