100 Things a Web Designer should know

pexels fauxels 3184455 scaled | Web Design | SEO | Digital Agency | McGawn DESIGNS
  1. HTML: HyperText Markup Language (HTML) is the standard markup language used to create web pages. You should be familiar with its syntax and structure.
  2. CSS: Cascading Style Sheets (CSS) is a stylesheet language used for describing the presentation of a web page. You should be familiar with how to use CSS to style HTML elements.
  3. JavaScript: JavaScript is a programming language used to add interactivity and functionality to web pages. You should be familiar with JavaScript syntax and how to use it to create dynamic web content.
  4. Responsive web design: Responsive web design is the approach of designing websites that adapt to different screen sizes and devices. You should be familiar with responsive design techniques, such as media queries and fluid layouts.
  5. User experience (UX) design: UX design focuses on the overall experience that a user has with a website or application. You should be familiar with UX design principles and methods, such as user research and usability testing.
  6. User interface (UI) design: UI design focuses on the visual and interactive elements of a website or application. You should be familiar with UI design principles and tools, such as design systems and prototyping software.
  7. Information architecture: Information architecture is the process of organizing and structuring content on a website or application. You should be familiar with information architecture principles and methods, such as card sorting and site maps.
  8. Wireframing: Wireframing is the process of creating a low-fidelity visual representation of a website or application. You should be familiar with wireframing tools and techniques, such as sketching and digital prototyping software.
  9. Prototyping: Prototyping is the process of creating a high-fidelity interactive representation of a website or application. You should be familiar with prototyping tools and techniques, such as user flows and clickable prototypes.
  10. Typography: Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. You should be familiar with typography principles and techniques, such as font pairing and hierarchy.
  11. Color theory: Color theory is the study of how colors interact and how they can be used to communicate ideas and emotions. You should be familiar with color theory principles and techniques, such as color palettes and contrast.
  12. Graphic design principles: Graphic design principles include visual hierarchy, balance, contrast, and repetition. You should be familiar with these principles and how to apply them to web design.
  13. Design software: Design software includes tools such as Photoshop, Illustrator, Sketch, and Figma. You should be familiar with at least one design software and know how to use it to create web designs.
  14. Accessibility: Accessibility refers to the design of products, devices, services, or environments for people with disabilities. You should be familiar with accessibility principles and techniques, such as alt text and semantic HTML.
  15. Search engine optimization (SEO): SEO is the process of optimizing a website to rank higher in search engine results pages. You should be familiar with SEO principles and techniques, such as keyword research and on-page optimization.
  16. Performance optimization: Performance optimization is the process of making a website faster and more efficient. You should be familiar with performance optimization techniques, such as minification and image compression.
  17. Content management systems (CMS): CMS is software that allows users to create, manage, and publish digital content, such as websites and blogs. You should be familiar with popular CMS platforms, such as WordPress and Drupal.
  18. Web hosting: Web hosting is the service that allows websites to be accessed on the internet. You should be familiar with web hosting principles and services, such as shared hosting and cloud hosting.
  19. Domain names: A domain name is the address of a website on the internet. You should be familiar with how to choose and register a domain name.
  20. Web design trends: Web design trends are constantly evolving. You should be familiar with current and emerging web design trends, such as dark mode and minimalist design.
  21. Mobile-first design: Mobile-first design is the approach of designing websites for mobile devices first, and then adapting the design for larger screens. You should be familiar with the mobile-first design principles and techniques.
  22. Interaction design: Interaction design is the design of digital products and services that encourage and facilitate user interactions. You should be familiar with interaction design principles and techniques, such as microinteractions and animation.
  23. A/B testing: A/B testing is the process of testing two different versions of a web page to see which one performs better. You should be familiar with A/B testing principles and tools, such as Google Optimize.
  24. Analytics: Analytics refers to the collection, measurement, and analysis of data from a website or application. You should be familiar with analytics principles and tools, such as Google Analytics.
  25. Branding: Branding is the process of creating a unique and recognizable identity for a company or product. You should be familiar with branding principles and techniques, such as creating a brand style guide.
  26. Design thinking: Design thinking is a problem-solving approach that focuses on understanding the user and creating solutions that meet their needs. You should be familiar with design thinking principles and methods.
  27. Grid systems: Grid systems are used to create an underlying structure for web page layouts. You should be familiar with grid system principles and techniques, such as the 12-column grid.
  28. UI patterns: UI patterns are common solutions to recurring design problems. You should be familiar with UI patterns and how to use them to solve design problems.
  29. Iconography: Iconography is the use of symbols and icons to convey information in a concise and visually appealing way. You should be familiar with iconography principles and techniques, such as creating custom icons.
  30. Call to actions (CTAs): CTAs are design elements that encourage users to take a specific action, such as making a purchase or subscribing to a newsletter. You should be familiar with CTA design principles and techniques.
  31. Landing pages: Landing pages are web pages designed to convert visitors into customers or leads. You should be familiar with landing page design principles and techniques, such as using persuasive copy and creating clear calls to action.
  32. User flows: User flows are visual representations of the path that a user takes through a website or application. You should be familiar with user flow design principles and techniques.
  33. Fitts’s law: Fitts’s law is a principle of human-computer interaction that predicts the time it takes to move to a target area based on the size of the target and its distance from the starting point. You should be familiar with Fitts’s law and how to apply it to web design.
  34. Information design: Information design is the practice of presenting information in a clear, concise, and visually appealing way. You should be familiar with information design principles and techniques, such as creating data visualizations.
  35. Design systems: Design systems are a set of reusable components and guidelines that ensure consistency and efficiency in the design process. You should be familiar with design system principles and how to create and use them.
  36. Microcopy: Microcopy refers to the small bits of text used in user interfaces, such as button labels and error messages. You should be familiar with microcopy principles and how to write effective microcopy.
  37. White space: White space is the empty space between design elements on a web page. You should be familiar with white space principles and how
  38. Accessibility: Accessibility is the practice of designing websites and applications that can be used by people with disabilities. You should be familiar with accessibility principles and techniques, such as creating alt text for images and providing keyboard navigation.
  39. Responsive design: Responsive design is the approach of designing websites that can adapt to different screen sizes and devices. You should be familiar with responsive design principles and techniques, such as using media queries and flexible layouts.
  40. Typography: Typography is the art and technique of arranging type to make written language legible, readable, and appealing. You should be familiar with typography principles and techniques, such as choosing appropriate fonts and creating hierarchy with font size and weight.
  41. Color theory: Color theory is the study of how colors interact with each other and how they can be used to create different moods and emotions. You should be familiar with color theory principles and techniques, such as creating color palettes and using color to create contrast and emphasis.
  42. Image optimization: Image optimization is the process of reducing the file size of images without sacrificing quality. You should be familiar with image optimization techniques, such as using the appropriate file format and compressing images.
  43. Search engine optimization (SEO): SEO is the practice of optimizing a website to rank higher in search engine results. You should be familiar with SEO principles and techniques, such as optimizing content for keywords and building high-quality backlinks.
  44. Content management systems (CMS): A CMS is a software application that allows users to create, manage, and publish digital content. You should be familiar with popular CMS platforms, such as WordPress and Drupal.
  45. Web hosting: Web hosting is the service of storing and serving files for a website on the internet. You should be familiar with web hosting principles and how to choose a reliable web host.
  46. Server-side scripting: Server-side scripting is the process of executing code on the server to generate dynamic web pages. You should be familiar with server-side scripting languages, such as PHP and Python.
  47. Client-side scripting: Client-side scripting is the process of executing code on the client’s device to create dynamic user experiences. You should be familiar with client-side scripting languages, such as JavaScript and TypeScript.
  48. Version control: Version control is the practice of managing changes to code and other digital assets. You should be familiar with version control systems, such as Git and SVN.
  49. Debugging: Debugging is the process of identifying and fixing errors in code. You should be familiar with debugging techniques, such as using a debugger and reading error messages.
  50. Security: Security is the practice of protecting websites and applications from unauthorized access and attacks. You should be familiar with security principles and techniques, such as using secure protocols like HTTPS and avoiding common security vulnerabilities.
  51. Content strategy: Content strategy is the practice of planning, creating, and managing digital content. You should be familiar with content strategy principles and techniques, such as creating a content calendar and conducting a content audit.
  52. User research: User research is the process of understanding the needs and behavior of users. You should be familiar with user research methods, such as user interviews and surveys.
  53. Usability testing: Usability testing is the process of evaluating a website or application by observing users as they interact with it. You should be familiar with usability testing principles and techniques, such as creating test scenarios and analyzing user feedback.
  54. Wireframing: Wireframing is the process of creating a basic layout and structure for a website or application. You should be familiar with wireframing principles and techniques, such as using a grid system and creating a visual hierarchy.
  55. Prototyping: Prototyping is the process of creating a working model of a website or application to test and refine its design. You should be familiar with prototyping
  56. User interface (UI) design: UI design is the process of designing the visual elements and interactions of a website or application. You should be familiar with UI design principles and techniques, such as creating a consistent visual language and using appropriate UI patterns.
  57. User experience (UX) design: UX design is the process of designing the overall experience of a website or application for the user. You should be familiar with UX design principles and techniques, such as conducting user research and creating user personas.
  58. Branding: Branding is the process of creating a visual identity for a business or organization. You should be familiar with branding principles and techniques, such as creating a brand style guide and using consistent branding elements.
  59. Graphic design: Graphic design is the process of creating visual content for digital and print media. You should be familiar with graphic design principles and techniques, such as using color theory and creating visual hierarchy.
  60. Animation: Animation is the process of adding motion to visual elements in a website or application. You should be familiar with animation principles and techniques, such as using keyframes and easing.
  61. Video editing: Video editing is the process of manipulating and arranging video footage to create a finished product. You should be familiar with video editing software and techniques, such as cutting and splicing footage and adding effects and transitions.
  62. Audio editing: Audio editing is the process of manipulating and arranging audio recordings to create a finished product. You should be familiar with audio editing software and techniques, such as cutting and splicing audio and adding effects and filters.
  63. Project management: Project management is the process of planning, organizing, and managing resources to complete a project. You should be familiar with project management principles and techniques, such as creating a project timeline and setting project goals and milestones.
  64. Time management: Time management is the practice of managing time effectively to increase productivity and efficiency. You should be familiar with time management principles and techniques, such as creating a to-do list and prioritizing tasks.
  65. Communication: Communication is the process of exchanging information and ideas between individuals or groups. You should be familiar with communication principles and techniques, such as active listening and giving and receiving feedback.
  66. Collaboration: Collaboration is the process of working with others to achieve a common goal. You should be familiar with collaboration principles and techniques, such as delegating tasks and fostering teamwork.
  67. Freelancing: Freelancing is the practice of working for multiple clients on a project-by-project basis. You should be familiar with freelancing principles and techniques, such as managing client relationships and setting project rates.
  68. Marketing: Marketing is the process of promoting a business or product to increase sales or visibility. You should be familiar with marketing principles and techniques, such as creating a marketing plan and using social media and email marketing.
  69. Business development: Business development is the process of growing a business through strategic planning and partnerships. You should be familiar with business development principles and techniques, such as creating a business plan and identifying potential partners and investors.
  70. Sales: Sales is the process of persuading a customer to purchase a product or service. You should be familiar with sales principles and techniques, such as creating a sales pitch and overcoming objections.
  71. Customer service: Customer service is the process of assisting customers with their needs and concerns. You should be familiar with customer service principles and techniques, such as active listening and problem-solving.
  72. Intellectual property: Intellectual property is the legal ownership of creative works, such as designs, logos, and content. You should be familiar with intellectual property principles and techniques, such as copyright and trademark law.
  73. Contract law: Contract law is the legal framework governing agreements between parties. You should be familiar with contract law principles and techniques, such as creating and reviewing contracts and negotiating terms
  74. Accessibility: Accessibility is the practice of designing websites and applications that can be used by people with disabilities. You should be familiar with accessibility principles and techniques, such as using alternative text for images and providing captions for videos.
  75. Search engine optimization (SEO): SEO is the process of optimizing a website or web page to rank higher in search engine results. You should be familiar with SEO principles and techniques, such as keyword research and on-page optimization.
  76. Content management systems (CMS): A CMS is a software application that allows users to create, manage, and publish digital content. You should be familiar with popular CMS platforms, such as WordPress and Drupal, and how to use them.
  77. Website hosting: Website hosting is the process of storing and serving website files to the internet. You should be familiar with website hosting principles and techniques, such as choosing a hosting provider and configuring server settings.
  78. Domain name registration: Domain name registration is the process of acquiring and registering a website domain name. You should be familiar with domain name registration principles and techniques, such as choosing a domain registrar and managing domain settings.
  79. FTP: FTP (File Transfer Protocol) is a protocol used to transfer files over the internet. You should be familiar with FTP principles and techniques, such as connecting to an FTP server and transferring files.
  80. Git: Git is a version control system used to manage source code. You should be familiar with Git principles and techniques, such as creating and merging branches and using Git commands.
  81. Command line interface (CLI): The CLI is a text-based interface used to interact with a computer’s operating system. You should be familiar with CLI principles and techniques, such as navigating file directories and executing commands.
  82. Server administration: Server administration is the process of managing and maintaining server hardware and software. You should be familiar with server administration principles and techniques, such as installing and configuring server software and managing user accounts.
  83. Cloud computing: Cloud computing is the practice of using remote servers hosted on the internet to store, manage, and process data. You should be familiar with cloud computing principles and techniques, such as choosing a cloud provider and configuring cloud services.
  84. Mobile app design: Mobile app design is the process of designing the visual elements and interactions of a mobile application. You should be familiar with mobile app design principles and techniques, such as designing for different screen sizes and using mobile app patterns.
  85. Mobile app development: Mobile app development is the process of creating mobile applications for iOS and Android devices. You should be familiar with mobile app development principles and techniques, such as using mobile app development frameworks and testing on mobile devices.
  86. Responsive design: Responsive design is the practice of designing websites and applications that can adapt to different screen sizes and device types. You should be familiar with responsive design principles and techniques, such as using media queries and designing with flexible units.
  87. Web analytics: Web analytics is the process of collecting and analyzing data about website usage and user behavior. You should be familiar with web analytics principles and techniques, such as using Google Analytics and creating custom reports.
  88. A/B testing: A/B testing is the process of testing two different variations of a website or application to determine which performs better. You should be familiar with A/B testing principles and techniques, such as designing and running A/B tests and analyzing results.
  89. Heat mapping: Heat mapping is the process of creating visual representations of user behavior on a website or application. You should be familiar with heat mapping principles and techniques, such as using heat map software and analyzing heat map data.
  90. User testing: User testing is the process of testing a website or application with real users to identify usability issues and gather feedback. You should be familiar with user testing principles and techniques, such as creating user testing scripts and conducting user tests.
  91. Wireframing: Wireframing is the process of creating a visual outline of a website or application, showing the layout and functionality of different elements. You should be familiar with wireframing principles and techniques, such as using wireframing tools and creating wireframes for different device types.
  92. Prototyping: Prototyping is the process of creating a functional model of a website or application, allowing users to interact with it and provide feedback. You should be familiar with prototyping principles and techniques, such as using prototyping tools and creating interactive prototypes for different device types.
  93. Design thinking: Design thinking is a problem-solving approach that focuses on understanding user needs and developing solutions to meet those needs. You should be familiar with design thinking principles and techniques, such as empathizing with users, defining problems, ideating solutions, prototyping, and testing.
  94. User experience (UX) design: UX design is the process of designing websites and applications that are easy to use and provide a positive user experience. You should be familiar with UX design principles and techniques, such as conducting user research, creating user personas, designing user flows, and conducting usability tests.
  95. User interface (UI) design: UI design is the process of designing the visual elements and interactions of a website or application. You should be familiar with UI design principles and techniques, such as using design tools, creating style guides, and designing consistent and intuitive interfaces.
  96. Graphic design: Graphic design is the process of creating visual content, such as logos, illustrations, and infographics. You should be familiar with graphic design principles and techniques, such as using design software, creating visual hierarchies, and using color and typography effectively.
  97. Copywriting: Copywriting is the process of creating written content, such as website copy, product descriptions, and marketing materials. You should be familiar with copywriting principles and techniques, such as writing for the web, using persuasive language, and creating clear and concise messaging.
  98. Branding: Branding is the process of creating a unique identity for a business or organization. You should be familiar with branding principles and techniques, such as creating brand guidelines, using consistent messaging and visual elements, and developing a brand voice.
  99. Marketing: Marketing is the process of promoting a product or service to potential customers. You should be familiar with marketing principles and techniques, such as creating marketing strategies, using social media and other marketing channels, and analyzing marketing metrics.
  100. Business skills: As a web designer, you will need to have strong business skills to be successful. This includes skills such as project management, time management, communication, and customer service. You should be familiar with business principles and techniques, such as managing client relationships, creating proposals and contracts, and invoicing and billing.
Cookie Policy | Privacy Policy