12/28/2023 0 Comments Webdesign features![]() Hover StateĪ hover state (also called a rollover state) is the slight animation that is triggered when a user rolls their cursor over a link. All links, regardless of how they’re visually represented, should have some sort of hover state to indicate its clickability for accessibility purposes. Images can be highlighted with some sort of color overlay, words or symbols to make it obvious that it’s clickable. Text links are typically highlighted in some way, using color to make the words stand out from static copy or making the text look like it’s in a button. They can be in the form of text or an image. Links allow website users to get from one web page to the next. This functionality is helpful for site visitors that may know exactly what information they’re looking for but don’t want to browse through your navigation. Here, users can type in a word or phrase they’re looking for more information on and then be taken to a results page listing website pages that may have related content within them. It is usually noted by the word “Search” within a form field, or includes some sort of magnifying glass icon. Search BarĪ search bar is typically located in the upper right-hand corner of the website’s header. These types of menus are best for organizations with lots of detailed content to share about their programs and services. Mega menus also often include additional design elements like icons or a call to action feature, as shown below. But instead of a simple list of child pages, visitors can see a map of all the child and grandchild pages in that section. Like a dropdown menu, a mega menu appears when a user rolls over a primary navigation item. The header typically looks the same from page to page and contains an organization’s logo and navigation, creating a central hub to get elsewhere on the website. HeaderĪ website header is located at the top of each page of the website. Learn more about the types of content to add to this page. A homepage also guides them to other important information throughout the internal pages of your website. It’s usually the most unique page on your site, giving visitors an immediate sense of who you are as an organization. HomepageĪ homepage is essentially the cover to your website. Web Design Vocabulary Listĭoes it feel like there’s an endless amount of website terminology to learn and keep up with? Here are some foundational website anatomy terms to get comfortable with as you start to think about the layout and design possibilities of your ideal site. With website terminology under your belt, you’ll be able to confidently talk to the website company that you partner with to create the nonprofit website of your dreams. It’s important to know the parts that make up a whole website and the process to build it. How will we build our new site? What colors do we want to use? Where are we going to find images? What on earth is a CTA? How are people going to find our site? Are we going to end up with a product we love? But before you dive into these details, you should be familiar with basic web design vocabulary. If you’re starting a web project, you’ve probably got a lot on your mind. Our Team Our website and marketing experts are our greatest assets. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |