Andy Fuller gives a talk on icons, their history and use in interfaces. Icons originated as symbols and pictures from as far back as cave paintings 100,000 years ago. Modern icons emerged in 1981 with the graphical user interface and are now ubiquitous in apps, websites and products. Good icon design follows conventions but also transmits meaning clearly. Developing icons for a brand requires consistency within the set while balancing form and function.
Graphic designer, Andy Fuller talks about icons.What icons are and where they come from. He will also talk about an area of his particular specialism which is the use of icons in interfaces, apps and mobile platforms. What makes a good icon? What makes a bad icon? How do you go about developing iconography for your, or your Client's brand?
Andy Fuller runs Designbull, a graphic design agency working for small and large organisations. They specialise in brand identities, icon design, UI design and advertising. He studied Graphic Design with Business Studies and Lettering, Calligraphy and Heraldic Design. He worked with a number of design and advertising agency's before setting up Designbull. Brands he's worked on include Digital River, Going-there.com, Microsoft, NHS, RolandDG and Canon.
Graphic designer, Andy Fuller talks about icons.What icons are and where they come from. He will also talk about an area of his particular specialism which is the use of icons in interfaces, apps and mobile platforms. What makes a good icon? What makes a bad icon? How do you go about developing iconography for your, or your Client's brand?
Andy Fuller runs Designbull, a graphic design agency working for small and large organisations. They specialise in brand identities, icon design, UI design and advertising. He studied Graphic Design with Business Studies and Lettering, Calligraphy and Heraldic Design. He worked with a number of design and advertising agency's before setting up Designbull. Brands he's worked on include Digital River, Going-there.com, Microsoft, NHS, RolandDG and Canon.
7 ways to get more value from your precious customer insightMartin Wright
How often have you seen expensive research gathering dust; wasted and ignore? Insights capable of helping a company become fitter, more popular and richer crowded out by today’s urgent demands?
In this multi-channel, fast moving and competitive world understanding customers better has never been more important.
Here are seven things we do that help companies fully exploit the value locked in this rich resource. Some are simple, others require effort; all provide great value for money.
Oh Hey,
My name is Ashton Spann, and I am a Senior graphic design major at Miami University.This is a digital sample of my portfolio where you can not only get a taste of my design work, but also get a glimpse of my personal brand.
7 ways to get more value from your precious customer insightMartin Wright
How often have you seen expensive research gathering dust; wasted and ignore? Insights capable of helping a company become fitter, more popular and richer crowded out by today’s urgent demands?
In this multi-channel, fast moving and competitive world understanding customers better has never been more important.
Here are seven things we do that help companies fully exploit the value locked in this rich resource. Some are simple, others require effort; all provide great value for money.
Oh Hey,
My name is Ashton Spann, and I am a Senior graphic design major at Miami University.This is a digital sample of my portfolio where you can not only get a taste of my design work, but also get a glimpse of my personal brand.
You've got the tools, now get the chops: tips on enhancing your graphic design skills in a *quick* 60 minutes.
Delivered at the LCOP Conference (Library Communication Conference, Oct 6-7, 2014. Hotel ML, Mount Laurel, NJ
Joanne Quinn, Falvey Memorial Library, Villanova University
21 Tech Tools Membership Managers Use to Save Lots and Lots of TimeWild Apricot
How are some membership managers able to get everything done and still have a life? The quick answer is that they use tech tools to do as much of their work as possible. In this webinar, nonprofit tech expert Terry Ibele will show you 21 tech tools to save you hours and hours each week.
In this free webinar, Terry will show you:
9 tech tools the most productive people use to save time working with others
7 tools to cut down the time you spend creating website and social media content
5 tools you can use each day to save an hour in administrative work
www.wildapricot.com
The combination of photo-sharing and image recognition is revolutionizing marketing. Learn how these technologies create new opportunities for product companies, disrupt retail, and enable social commerce.
Fallon Brainfood x Planning-ness 2010: How To Plan AppsAki Spicer
Aki Spicer, Fallon's Director of Digital Strategy will reveal some learnings and tips for account planners trying to operationalize the process of concepting, selling and building applications and digital tools.
Learn some pitfalls to avoid, shortcuts for bridging the gap between "start-up" culture and agency culture, guidance for selling apps to clients who are "bottom-line" or "ad message" minded, and shifting your teams from campaign thinking to service mentality.
http://planningness.com
September 30th – October 1st at Denver’s, Space Gallery.
10 Video Ideas Any Business Can Make RIGHT NOW!
You'll never draw a blank again on what kind of video to make for your business. Go beyond the basic categories and truly reimagine a brand new advanced way to brainstorm video content creation. During this masterclass you'll be challenged to think creatively and outside of the box and view your videos through lenses you may have never thought of previously. It's guaranteed that you'll leave with more than 10 video ideas, but I like to under-promise and over-deliver. Don't miss this session.
Key Takeaways:
How to use the Video Matrix
How to use additional "Lenses"
Where to source original video ideas
First Things First: Building and Effective Marketing Strategy
Too many companies (and marketers) jump straight into activation planning without formalizing a marketing strategy. It may seem tedious, but analyzing the mindset of your targeted audiences and identifying the messaging points most likely to resonate with them is time well spent. That process is also a great opportunity for marketers to collaborate with sales leaders and account managers on a galvanized go-to-market approach. I’ll walk you through the methods and tools we use with our clients to ensure campaign success.
Key Takeaways:
-Recognize the critical role of strategy in marketing
-Learn our approach for building an actionable, effective marketing strategy
-Receive templates and guides for developing a marketing strategy
Top 3 Ways to Align Sales and Marketing Teams for Rapid GrowthDemandbase
In this session, Demandbase’s Stephanie Quinn, Sr. Director of Integrated and Digital Marketing, Devin Rosenberg, Director of Sales, and Kevin Rooney, Senior Director of Sales Development will share how sales and marketing shapes their day-to-day and what key areas are needed for true alignment.
In this presentation, Danny Leibrandt explains the impact of AI on SEO and what Google has been doing about it. Learn how to take your SEO game to the next level and win over Google with his new strategy anyone can use. Get actionable steps to rank your name, your business, and your clients on Google - the right way.
Key Takeaways:
1. Real content is king
2. Find ways to show EEAT
3. Repurpose across all platforms
The digital marketing industry is changing faster than ever and those who don’t adapt with the times are losing market share. Where should marketers be focusing their efforts? What strategies are the experts seeing get the best results? Get up-to-speed with the latest industry insights, trends and predictions for the future in this panel discussion with some leading digital marketing experts.
In this presentation, Danny Leibrandt explains the impact of AI on SEO and what Google has been doing about it. Learn how to take your SEO game to the next level and win over Google with his new strategy anyone can use. Get actionable steps to rank your name, your business, and your clients on Google - the right way.
Key Takeaways:
1. Real content is king
2. Find ways to show EEAT
3. Repurpose across all platforms
Videos are more engaging, more memorable, and more popular than any other type of content out there. That’s why it’s estimated that 82% of consumer traffic will come from videos by 2025.
And with videos evolving from landscape to portrait and experts promoting shorter clips, one thing remains constant – our brains LOVE videos.
So is there science behind what makes people absolutely irresistible on camera?
The answer: definitely yes.
In this jam-packed session with Stephanie Garcia, you’ll get your hands on a steal-worthy guide that uncovers the art and science to being irresistible on camera. From body language to words that convert, she’ll show you how to captivate on command so that viewers are excited and ready to take action.
A.I. (artificial intelligence) platforms are popping up all the time, and many of them can and should be used to help grow your brand, increase your sales and decrease your marketing costs.In this presentation:We will review some of the best AI platforms that are available for you to use.We will interact with some of the platforms in real-time, so attendees can see how they work.We will also look at some current brands that are using AI to help them create marketing messages, saving them time and money in the process. Lastly, we will discuss the pros and cons of using AI in marketing & branding and have a lively conversation that includes comments from the audience.
Key Takeaways:
Attendees will learn about LLM platforms, like ChatGPT, and how they work, with preset examples and real time interactions with the platform. Attendees will learn about other AI platforms that are creating graphic design elements at the push of a button...pre-set examples and real-time interactions.Attendees will discuss the pros & cons of AI in marketing + branding and share their perspectives with one another. Attendees will learn about the cost savings and the time savings associated with using AI, should they choose to.
When most people in the industry talk about online or digital reputation management, what they're really saying is Google search and PPC. And it's usually reactive, left dealing with the aftermath of negative information published somewhere online. That's outdated. It leaves executives, organizations and other high-profile individuals at a high risk of a digital reputation attack that spans channels and tactics. But the tools needed to safeguard against an attack are more cybersecurity-oriented than most marketing and communications professionals can manage. Business leaders Leaders grasp the importance; 83% of executives place reputation in their top five areas of risk, yet only 23% are confident in their ability to address it. To succeed in 2024 and beyond, you need to turn online reputation on its axis and think like an attacker.
Key Takeaways:
- New framework for examining and safeguarding an online reputation
- Tools and techniques to keep you a step ahead
- Practical examples that demonstrate when to act, how to act and how to recover
Core Web Vitals SEO Workshop - improve your performance [pdf]Peter Mead
Core Web Vitals to improve your website performance for better SEO results with CWV.
CWV Topics include:
- Understanding the latest Core Web Vitals including the significance of LCP, INP and CLS + their impact on SEO
- Optimisation techniques from our experts on how to improve your CWV on platforms like WordPress and WP Engine
- The impact of user experience and SEO
Mastering Local SEO for Service Businesses in the AI Era is tailored specifically for local service providers like plumbers, dentists, and others seeking to dominate their local search landscape. This session delves into leveraging AI advancements to enhance your online visibility and search rankings through the Content Factory model, designed for creating high-impact, SEO-driven content. Discover the Dollar-a-Day advertising strategy, a cost-effective approach to boost your local SEO efforts and attract more customers with minimal investment. Gain practical insights on optimizing your online presence to meet the specific needs of local service seekers, ensuring your business not only appears but stands out in local searches. This concise, action-oriented workshop is your roadmap to navigating the complexities of digital marketing in the AI age, driving more leads, conversions, and ultimately, success for your local service business.
Key Takeaways:
Embrace AI for Local SEO: Learn to harness the power of AI technologies to optimize your website and content for local search. Understand the pivotal role AI plays in analyzing search trends and consumer behavior, enabling you to tailor your SEO strategies to meet the specific demands of your target local audience. Leverage the Content Factory Model: Discover the step-by-step process of creating SEO-optimized content at scale. This approach ensures a steady stream of high-quality content that engages local customers and boosts your search rankings. Get an action guide on implementing this model, complete with templates and scheduling strategies to maintain a consistent online presence. Maximize ROI with Dollar-a-Day Advertising: Dive into the cost-effective Dollar-a-Day advertising strategy that amplifies your visibility in local searches without breaking the bank. Learn how to strategically allocate your budget across platforms to target potential local customers effectively. The session includes an action guide on setting up, monitoring, and optimizing your ad campaigns to ensure maximum impact with minimal investment.
Most small businesses struggle to see marketing results. In this session, we will eliminate any confusion about what to do next, solving your marketing problems so your business can thrive. You’ll learn how to create a foundational marketing OS (operating system) based on neuroscience and backed by real-world results. You’ll be taught how to develop deep customer connections, and how to have your CRM dynamically segment and sell at any stage in the customer’s journey. By the end of the session, you’ll remove confusion and chaos and replace it with clarity and confidence for long-term marketing success.
Key Takeaways:
• Uncover the power of a foundational marketing system that dynamically communicates with prospects and customers on autopilot.
• Harness neuroscience and Tribal Alignment to transform your communication strategies, turning potential clients into fans and those fans into loyal customers.
• Discover the art of automated segmentation, pinpointing your most lucrative customers and identifying the optimal moments for successful conversions.
• Streamline your business with a content production plan that eliminates guesswork, wasted time, and money.
The session includes a brief history of the evolution of search before diving into the roles technology, content, and links play in developing a powerful SEO strategy in a world of Generative AI and social search. Discover how to optimize for TikTok searches, Google's Gemini, and Search Generative Experience while developing a powerful arsenal of tools and templates to help maximize the effectiveness of your SEO initiatives.
Key Takeaways:
Understand how search engines work
Be able to find out where your users search
Know what is required for each discipline of SEO
Feel confident creating an SEO Plan
Confidently measure SEO performance
SEO as the Backbone of Digital MarketingFelipe Bazon
In this talk Felipe Bazon will share how him and his team at Hedgehog Digital share our journey of making C-Levels alike, specially CMOS realize that SEO is the backbone of digital marketing by showing how SEO can contribute to brand awareness, reputation and authority and above all how to use SEO to create more robust global marketing strategies.
Digital marketing is the art and science of promoting products or services using digital channels to reach and engage with potential customers. It encompasses a wide range of online tactics and strategies aimed at increasing brand visibility, driving website traffic, generating leads, and ultimately, converting those leads into customers.
https://nidmindia.com/
2. The Power of Icons
A brief talk on what icons are, where they come from and how to develop
iconography to your clients’ brand.
by Andy Fuller : Designbull
2
Thanks for having me. My name is Andy Fuller - Designbull - Creativity in Business Branding
Not often I get asked to talk about one of the things I love designing, Icons!
Iʼll go through what icons are and where do they come from?
Use of icons in interfaces, apps and mobile platforms and
How do you go about developing iconography for your or your clients brand?
3. “Trying to capture the essence of an object or idea with
only a few lines and at the same time maintaining its
elegance – is pretty much design in a nutshell. That’s what’s
so great about icons, they’re tiny poems.”
Kyle Tezak, The Four Icon Challenge
3
Before I talk about Icons, Iʼll briefly tell you about what I do and how I work.
4. “Trying to capture the essence of an object or idea with
only a few lines and at the same time maintaining its
elegance – is pretty much design in a nutshell. That’s what’s
so great about icons, they’re tiny poems.”
Kyle Tezak, The Four Icon Challenge
3
Before I talk about Icons, Iʼll briefly tell you about what I do and how I work.
6. Brand identities
Web design UI/UX
Advertising
5
Iʼm a design consultant - I help clients cut through the ʻbullʼ and get straight to the point
I have an office in Bath with my partner specialising in branding, logo identities, web design and user interfaces and also creating advertising campaigns.
I often work with associates (PR, marketer, copywriter, web developers, photographers and illustrators) to offer clients a full agency service.
7. Graphic Design
Lettering
Heraldry & Calligraphy
6
My history - I went to college for two years studying Graphic Design and Business Studies, then 2 years studying Heraldic Design and Lettering, Signmaking
and Calligraphy.
Then worked in a number of design and advertising agencyʼs for 10 years before going ʻofficialʼ in 2006.
9. I•CON
“A thing regarded as a representative
symbol of something”
8
When you Google it - “A thing regarded as a representative symbol of something”
10. Greek word: εἰκών
(eikōn)
meaning likeness or image
9
The word itself comes from the Greek word εἰκών (eikōn), which has two meanings: likeness or image, both of which apply to icons.
It covers a wide range of image types from simple play and pause buttons to detailed, full-colour icons that identify an application.
11. 10
Toilet icon… Ideogram - abstract idea
How do we know this is a toilet - if you had just come out of the jungle and were dying for the toilet would you see this as the toilet?
No! This is learnt through convention.
No smoking Pictogram - picture of actual object or action
Most icons today are ideograms or abstractions
12. 10
Toilet icon… Ideogram - abstract idea
How do we know this is a toilet - if you had just come out of the jungle and were dying for the toilet would you see this as the toilet?
No! This is learnt through convention.
No smoking Pictogram - picture of actual object or action
Most icons today are ideograms or abstractions
13. Ideogram
10
Toilet icon… Ideogram - abstract idea
How do we know this is a toilet - if you had just come out of the jungle and were dying for the toilet would you see this as the toilet?
No! This is learnt through convention.
No smoking Pictogram - picture of actual object or action
Most icons today are ideograms or abstractions
14. Ideogram
10
Toilet icon… Ideogram - abstract idea
How do we know this is a toilet - if you had just come out of the jungle and were dying for the toilet would you see this as the toilet?
No! This is learnt through convention.
No smoking Pictogram - picture of actual object or action
Most icons today are ideograms or abstractions
15. Ideogram Pictogram
10
Toilet icon… Ideogram - abstract idea
How do we know this is a toilet - if you had just come out of the jungle and were dying for the toilet would you see this as the toilet?
No! This is learnt through convention.
No smoking Pictogram - picture of actual object or action
Most icons today are ideograms or abstractions
16. Pictograms
100,000 years ago
11
100,000 years ago
Pictograms - Cave paintings from Argentina reveals that weʼve been telling stories through pictures for a millenia.
The simplest icon of all - the circle, was used to represent the sun, but developed over time to covey more abstract concepts of heat
and light.
17. Hieroglyphs
5,000 years ago
12
5,000 years ago.
Egyptian Hieroglyphs - logogram - pictorial alphabet. Water was a wavy or jagged line...
18. Heraldic
(Symbolic pictograms)
500 years ago
13
500 years ago
Heraldry - Symbolic pictograms. Icons throughout history were not only art - they recorded events, telling stories of food and shelter,
and to distinguish participants in combat when their faces were hidden by iron helmets. Using symbols, shapes and colours were easier
to understand and conveyed repeated themes.
19. Informational
40 years ago
14
40 years ago
Information Icons. Originally designed in 1974 for the US Department of Transport - they are still in use today
http://www.aiga.org/content.cfm/symbol-signs
20. 35 years ago
15
35 years ago
In 1981 the arrival of the graphical UI (for the Xerox Star) was where the term 'icon' was coined (reusing the term taken from a Russian
orthodox church. ʻTo be holy - to be veneratedʼ)
The classic document icon with the folded down right corner, calculator and printer are still the convention today.
21. 35 years ago
15
35 years ago
In 1981 the arrival of the graphical UI (for the Xerox Star) was where the term 'icon' was coined (reusing the term taken from a Russian
orthodox church. ʻTo be holy - to be veneratedʼ)
The classic document icon with the folded down right corner, calculator and printer are still the convention today.
22. 16
Icons are everywhere today and have to transcend language barriers.
23. Icons are everywhere
16
Icons are everywhere today and have to transcend language barriers.
24. 17
From food labeling.
McDonalds nutritional icons
25. 18
Sky television menu screen
Movies - Ticket stub
Padlock - Parental lock
Spanner - settings (adjust) IDEOGRAMS
27. 20
Convention in icon design.
but sometimes may cause confusion...
Push Button. Receive bacon.
28. 20
Convention in icon design.
but sometimes may cause confusion...
Push Button. Receive bacon.
29. 20
Convention in icon design.
but sometimes may cause confusion...
Push Button. Receive bacon.
30. 21
What is the convention in icon design? A comparative test of Public Symbols
Which Icon symbol was the most recognisable?
A lowercase i is accepted for information
31. 21
What is the convention in icon design? A comparative test of Public Symbols
Which Icon symbol was the most recognisable?
A lowercase i is accepted for information
32. 22
Olympic icons are a good example of convention.
Following a strict grid systems, angles and also a core brand identity
33. 23
Important in keeping consistency in each icon as a complete set design.
Although this icon confused me for a while before I worked it out...
A difficult balance between the convention and style of the brand identity. (form and function...)
34. 23
Important in keeping consistency in each icon as a complete set design.
Although this icon confused me for a while before I worked it out...
A difficult balance between the convention and style of the brand identity. (form and function...)
35. Icons in interfaces,
apps and mobile
platforms
24
Use of icons in interfaces, apps and mobile platforms.
Weʼre so used to them - we donʼt need to think much.
Theyʼre visual cues - to aid interaction and save you time...!
36. 25
As an example - Logbook app - the most important icons stand out (red price tag, download arrow and padlock) pushes the
content forward.
37. 25
As an example - Logbook app - the most important icons stand out (red price tag, download arrow and padlock) pushes the
content forward.
38. 26
They help a user understand quicker to navigate.
Without icons I would not have known that Brejeiro was a group shared folder.
39. 26
They help a user understand quicker to navigate.
Without icons I would not have known that Brejeiro was a group shared folder.
40. 26
They help a user understand quicker to navigate.
Without icons I would not have known that Brejeiro was a group shared folder.
41. 26
They help a user understand quicker to navigate.
Without icons I would not have known that Brejeiro was a group shared folder.
42. 27
Gadget website dropdown navigation menu with icons removed - it becomes harder to scan the categories.
43. 28
Simple, clean isons follow convention. Unclutters a busy interface design. Hightlights services descriptions.
Ranking/product position icon
44. 28
Simple, clean isons follow convention. Unclutters a busy interface design. Hightlights services descriptions.
Ranking/product position icon
45. 29
Digital River - payment processor. Icons used to help break up the information and visualise benefits on this landing page and
throughout an advertising campaign.
46. 30
Digital River - payment processor. This animated banner shows the classic icon of the sun for this summer offer in the
advertising campaign.
47. Source: 10 Mistakes in Icon Design Denis Kortunov
31
but can have the exact opposite effect.
bloated icons in Microsoft Windows 8 do not work in smaller sizes.
An icon should be easy to read. The fewer elements it has, the better.
Database icons: At first glance everything looks alright.
But if this application (or a separate toolbar) deals only with databases, we can remove the unnecessary part.
48. Source: 10 Mistakes in Icon Design Denis Kortunov
31
but can have the exact opposite effect.
bloated icons in Microsoft Windows 8 do not work in smaller sizes.
An icon should be easy to read. The fewer elements it has, the better.
Database icons: At first glance everything looks alright.
But if this application (or a separate toolbar) deals only with databases, we can remove the unnecessary part.
49. Source: 10 Mistakes in Icon Design Denis Kortunov
31
but can have the exact opposite effect.
bloated icons in Microsoft Windows 8 do not work in smaller sizes.
An icon should be easy to read. The fewer elements it has, the better.
Database icons: At first glance everything looks alright.
But if this application (or a separate toolbar) deals only with databases, we can remove the unnecessary part.
50. Source: 10 Mistakes in Icon Design Denis Kortunov
31
but can have the exact opposite effect.
bloated icons in Microsoft Windows 8 do not work in smaller sizes.
An icon should be easy to read. The fewer elements it has, the better.
Database icons: At first glance everything looks alright.
But if this application (or a separate toolbar) deals only with databases, we can remove the unnecessary part.
51. 32
OS 7 Good or Bad icon design?
When it was first unveiled a year ago there was a lot of negative criticism on the new interface design.
But it started the trend towards flat design, and today, we have become accustomed to it.
It has become the convention within icon design.
52. How do you go
about developing
iconography?
33
How do you go about developing iconography for your or your clients brand?
53. 34
Bekumo logo design was created on behalf of tecgenie, for an iPad business enterprise app called ‘Bekumo’ (Japanese translation
as ‘hazy cloud.’).
As soon as I had digested all the information from the briefing, I spent some time researching the market (there’s a lot of ‘cloud’
logos out there!).
54. 35
The first idea I came up with was turning the ‘B’ of Bekumo onto its side, creating the cloud icon – which was an important factor
in this logo mark.
the ‘big idea’ – can come down to either a few days or a few weeks.
55. 36
I showed the client the ‘B’ turning into a cloud icon from my first idea and they loved it, so I set to work on working up a selection
of ideas based around this.
56. 37
The final logo and icon was approved and I produced a set of logo files, a one page logo guidelines
57. 38
additional icon sets, and app icon files for the iPhone and iPad devices.
58. 39
Property Document Vault is an online cloud storage application designed specifically for property owners and landlords. It is based on
the SharePoint platform.
From the initial sketches, initial logo options were shown to the client which included using the well-known ‘cloud’ icon, and
combining this with ideas using a safe lock and a paper clip in the shape of a house
59. 40
The commercial property aspect was not obvious in the previous icons, so we looked at using building shapes in or around the
cloud – and also a more recognisible padlock icon
60. 41
The final logo and icon. We provided the logo and icon saved into various formats for web and print and the client has used this
to help in their new sofware.
61. 42
Software tech company, docfacto.com develops tools for developers that take the “too hard” out of documentation
and helps businesses eliminate documentation debt.
Target market was developers, so after a meeting and discussion with docfacto, a quirkybrand character, logo and icon that was
‘different’ from what is expected.
62. 43
Icons created a fun, light-hearted feel to what is a detailed, technical product.
63. 44
Additional software add-ons each had to have their own icon that was consistent with the main brand and also describe the
product. GRABIT is a screenshot app - holding a frame
64. 44
Additional software add-ons each had to have their own icon that was consistent with the main brand and also describe the
product. GRABIT is a screenshot app - holding a frame
65. GLOBAL DESTINATION
SERVICES
YOUR MOBILE
CITY TOOL
45
Going-there.com provide specialist on-the-ground services for employees relocating around the globe.
in addition to their new corp site, we’re working on a website app for them called ‘gt2go’. designed for mobiles first and will
offer detailed city guides for relocation companies.
66. 46
It’s a responsive website app, which required an icon to represent each service they provide.
Thought was taken for scalability and consistency.
67. 46
It’s a responsive website app, which required an icon to represent each service they provide.
Thought was taken for scalability and consistency.
68. 47
Still in the UI mockup stage
Sketching helps to show how elements work and where icons work.
Questions box hints at speech bubbles
Planner timeline scrolls with points and dates
Map pins on Google map shows places clearly
69. 48
The user interface needs to work responsively on different screen sizes.
I then take pics and put it into a preview app (Marvelapp.com)
and client can also test it out for usability.
72. To sum up
Keep it simple and memorable
If there is a convention - use it
Don't be abstract, or too detailed
51
Keep it simple and memorable
If there is a convention - use it
Don't be abstract, or too detailed
73. To sum up
Reduce the number of colours and icons
Be consistent - don't design icons in isolation
- follow a brand identity or representation of app.
52
Reduce the number of colours and icons
Be consistent - don't design icons in isolation - follow a brand identity and representation.
74. The Power of Icons
Andy Fuller : Designbull
Reference and sources from: 10 Mistakes in Icon Design by Denis Kortunov | Icon Design Handbook by Jon Hicks | Let's Talk Icons by Michael Flarup
53
Thanks for having me. My name is Andy Fuller - Designbull - Creativity in Business Branding