The grammar of visual communication, a communication that speaks with no words but shapes and images, with inner primitive shapes, where the text itself is primarily a shape.
The term “Typography” comes from Greek words: “typos” (form) & “graphe” (writing). Easily the nemesis for most people - as a subject of understanding and application as well. This is my feeble attempt at explaining the very basics of "typography", its history, characteristics, terminology and best-practices.
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.
The grammar of visual communication, a communication that speaks with no words but shapes and images, with inner primitive shapes, where the text itself is primarily a shape.
The term “Typography” comes from Greek words: “typos” (form) & “graphe” (writing). Easily the nemesis for most people - as a subject of understanding and application as well. This is my feeble attempt at explaining the very basics of "typography", its history, characteristics, terminology and best-practices.
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)Shawn Calvert
Week 1, What Is GD
Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.
This presentation is one of the best presentations from our study material for our weekly workshops which ADMEC conducts every week at the center. This presentation contains very good information for “Use of Shapes in Graphic Design”.
What is visual communication design? keynotePaul Vickers
An introduction to Visual Communications. What is visual communications and its role in global design.
Presentation to students at the Ecole Bleue School of Design in Paris.
(all images are copyright of their rightful owners, creators and companies. They are used in a purely pedagogic context in a teaching environment. No reproduction of this presentation without authorisation).
Presentation into the principles of design within the context of visual design. This is intended to be delivered to year one degree students.
The principles of design are rules to help guide a designer how to arrange the various elements of a composition in relation to each other and the overall design. By considering, applying and understanding the various Principles of Design throughout the design process you will help ensure a more positive outcome
This presentation is one of the best presentations from our study material for our weekly workshops which ADMEC conducts every week at the center. This presentation contains very good information for “Use of Shapes in Graphic Design”.
What is visual communication design? keynotePaul Vickers
An introduction to Visual Communications. What is visual communications and its role in global design.
Presentation to students at the Ecole Bleue School of Design in Paris.
(all images are copyright of their rightful owners, creators and companies. They are used in a purely pedagogic context in a teaching environment. No reproduction of this presentation without authorisation).
Presentation into the principles of design within the context of visual design. This is intended to be delivered to year one degree students.
The principles of design are rules to help guide a designer how to arrange the various elements of a composition in relation to each other and the overall design. By considering, applying and understanding the various Principles of Design throughout the design process you will help ensure a more positive outcome
All Things Open 2014 - Day 1
Wednesday, October 22nd, 2014
Garth Braithwaite
Open Source Design & Code Contributor for Adobe
Design
Open Source Needs Design
Find more by Garth here: https://speakerdeck.com/garthdb
HICap talk is to inform others of the necessary steps in creating a website and understanding the importance of UI (User Interface) + UX (User Experience) design.
These steps may seem tedious, but as you dive into the design or even the development stage, you’ll quickly find out that this process will help to diminish problems that could occur down the road.
These are the UI slides
About Kathryne Sakata
====
Kat received her graphic design degree from the New Media Arts Interface Design Program at Kapiolani Community College. She is currently a Graphic Designer and Web Developer at Design Asylum, Inc. and the Lead UI Designer at Undefeated Games, Inc. Kat enjoys engaging with new people and sharing her enthusiasm for design. She is an active member of AIGA Honolulu, HI-Capacity and Alakai Young Professionals and participates in various events including Startup Weekend, HNL New Tech Meetup, and WetWare Weds.
Event info: http://www.hicapacity.org/2013/05/23/ui-ux/
Know what are the important points that make a graphic design effective.
KADIWA
Buwanang Pulong
INC
Iglesia Ni Cristo
Graphic Design Seminar
Graphic Design Workshop
Fundamentals of Graphic Design
Layout
Poster Layouts
Layout and Design
Basics of Graphic Design
What is Graphic Design
Graphic design courses
How to be a graphic designer
Graphic Design Principles
Graphic design encompasses various fields like print design, web design, UI/UX design, motion graphics, and multimedia design.
Graphic designers create visual concepts to communicate ideas that inspire, inform, and captivate consumers.
Quality graphic and web design are crucial to promoting, branding, and raising awareness of your library and its valuable services, but it’s an expensive skill to hire out. Many libraries are taking on these challenges themselves, and assisted with a variety of free or cheap online design tools, are creating websites, logos, banners, and other graphic elements for their print or online resources. This session will help those involved in creating and maintaining these to understand the principles of making appealing and effective visual materials for their libraries and services.
Rob Nunez, Head of Collection Services, Kenosha Public Library
Rebecca Hall, Web Development & Marketing Director & Instructor, UW-Milwaukee
Quality graphic and web design are crucial to promoting, branding, and raising awareness of your library and its valuable services, but it’s an expensive skill to hire out. Many libraries are taking on these challenges themselves, and assisted with a variety of free or cheap online design tools, are creating websites, logos, banners, and other graphic elements for their print or online resources. This session will help those involved in creating and maintaining these to understand the principles of making appealing and effective visual materials for their libraries and services.
Graphic designers work with drawn, painted, photographed, or computer-generated images, but they also design the letterforms that make up various typefaces found in movie credits and TV ads; in books, magazines, and menus; and even on computer screens.
Designers create, choose, and organize these elements—typography, images, and the so-called “white space” around them—to communicate a message.
Graphic design is a part of your daily life. From humble things like gum wrappers to huge things like billboards, to the T-shirt you’re wearing, graphic design informs, persuades, organizes, stimulates, locates, identifies, attracts attention and provides pleasure.
Graphic design is a creative process that combines art and technology to communicate ideas. The designer works with a variety of communication tools in order to convey a message from a client to a specific audience. The main tools are image and typography.
Suppose you want to announce or sell something, inform or persuade someone, explain a complicated system or demonstrate a process. In other words, you have a message you want to communicate. How do you “send” it? You could tell people one by one or broadcast by radio or loudspeaker. That’s verbal communication.
But if you use any visual medium at all—if you make a poster; type a letter; create
a business logo, a magazine ad, or an album cover; even make a computer printout—
you are using a form of visual communication called graphic design.
Designers develop images to represent the ideas their clients want to communicate. Images can be incredibly powerful and compelling tools of communication, conveying not only information but also moods and emotions. People respond to images instinctively based on their personalities, associations, and previous experience.
For example, you know that a chili pepper is hot, and this knowledge in combination with the image creates a visual pun.
In the case of image-based design, the images must carry the entire message; there are few if any words to help. These images may be photographic, painted, drawn, or graphically rendered in many different ways. Image-based design is employed when
the designer determines that, in a particular case, a picture is indeed worth a thousand words.
Architects: the original Experience DesignersUXDXConf
Have you ever stood inside an awe-inspiring building? Have you ever gone to a museum and found yourself lost and confused? How about visiting someone’s house and loving the layout of the kitchen or hating the backyard? These are all experiences you have had in a physical space and, more times than not, these spaces have been designed by an architect, who I like to call the “original experience designers”.
So what are the similarities between designing a physical space and designing a digital product? What can we learn from architects and how they work? Tune in to find out how an age old profession can teach us how to better design modern applications.
Digital Archiving for Interdisciplinary Knowledge Transfer in Intangible Heri...Hedren Sum
Abstract—“Exploring the crossroads of linguistic diversity: language contact in Southeast Asia” is an interdisciplinary project with a disparate team of 11 researchers from linguistics, art, design and media. A range of digital assets in different formats, including publications, films and datasets, were created from the fieldwork and research done. Using this project as a case study, this paper seeks to explore an approach on how digital assets from an interdisciplinary research project can be captured, preserved and (re)presented in a form of a digital archive. It results in a digital archive with dedicated views for each type of digital asset to meet specific viewing needs. It also used a modular design approach to achieve flexibility and meet the knowledge transfer objectives of the research project.
Using WordPress for Interdisciplinary ResearchHedren Sum
Research and scholarship are constantly evolving, becoming more collaborative and interdisciplinary. Supporting an interactive media-rich environment, WordPress is a versatile and easy to use platform to document and showcase interdisciplinary research that produces various types of research output. In this talk, I shared about a digital archive developed for the Digital Intangible Heritage of Asia (DIHA) research cluster at NTU College of Humanities, Arts and Social Sciences.
View full presentation here: http://wordpress.tv/2016/10/06/hedren-sum-using-wordpress-for-interdisciplinary-research/
This presentation was presented at the ARLIS/NA + VRA 2016 in Seattle, United States. It shared about the concept of openness of digital images and how it applied in museums, discussed the opportunities to art librarianship and suggested some future explorations to improve the openness in digital images.
This is a school presentation for a class on Art and Music Sources. The presentation is based on the book, "Van Gogh: The Life" by Steven Naifeh and Gregory White Smith.
Conducted part of the "Marketing Your Library" workshop, organised in conjunction with the "Conference on GenNext Libraries 2012" at the Universiti of Brunei Darussalam (UBD), Brunei.
This was designed for a simple exhibition to educate users of Nanyang Technological University Library on the various social and digital channels that the library leverage on to engage their users.
Mastering the Art of Promotion (掌握推廣的藝術)Hedren Sum
Presented in Chinese during a seminar to librarians at the National Taiwan Normal University on 15 June 2012. This seminar is a collaboration between Spree Media Pte Ltd, Nanyang Technological Library - Library Promotion Division, 3M Taiwan and National Taiwan Normal University.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
7. What are some of the requirements would you consider?
8. a graphic design process, where
its end product in a digital form
get printed on to a material for
certain purposes.
Budget
Skills and people
Timeline
Approval
Software
Format
Storage
Dimensions
Quality
Supplier
Printing considerations
Target audience
Key message
Placement
11. Inspiration is
found (or discovered):
• Books, designs and journals
• Internet
• Movies and televisions
• Colleagues, friends and family
• Music
• Everyday environment
• etc.
12. Rousseau, Henri. The Dream, 1910. Oil on canvas, 204.5 cm x 298.5 cm. New York, Museum of Modern Art.
13. From Rousseau to
Dreamworks… Madagascar (2005)
Rousseau, Henri. The Dream, 1910. Oil on canvas,
204.5 cm x 298.5 cm. New York, Museum of Modern Art.
Images captured from “Dreamworks Animation – The Exhibition”
(2015)
23. Typography is the grammar of design, its
common currency
T Y P O G R A P H Y I S T H E G R A M M A R O F
D E S I G N , I T S C O M M O N C U R R E N C Y
Which is more readable?
25. Typography is the art and technique of arranging type to
make written language readable and beautiful. The
arrangement of type involves selecting typefaces, point
size, line length, line-spacing, letter-spacing, and adjusting
the space within letters pairs.
26. Typography is the art and technique of arranging type to
make written language readable and beautiful. The
arrangement of type involves selecting typefaces, point
size, line length, line-spacing, letter-spacing, and
adjusting the space within letters pairs.
45. “Light bulb” icon by Nicolas Vicent and “Target” icon by Rodrigo Osornio from The Noun Project
Idea Product
RESEARCH DEFINE CREATE
Mood boards
Design Elements
Sources of Inspirations
Presentation Elements
Mockups
Visual Review
Images can be used in…
Source: Hedren Sum
46.
47. TYPES OF IMAGE SOURCES
• Printed materials (beware of copyright!)
• Museum websites
• Library and institutional digitised collections
• Stock images and photo communities
• Web image archives and compilations
• Web image search engines and aggretators
…
48.
49. NOUN PROJECT
(Database of icons)
VECTOR PAINT
(SVG Editor)
GIMP
(Raster image editor)
INKSCAPE
(Vector graphic editor)
SCRIBUS
(Page layout Editor)
SOME
OPEN SOURCE
ALTERNATIVES
50. Consider the following:
• Target audience
• Meaning
• Focus and intention of use
• Resolution and picture quality
• Intellectual Property (IP)
65. What was covered?
• Gather requirements
• Gather inspirations
• Choose elements (typography, colours, visuals)
• Organise the elements
• Evaluate design
Let’s see some examples.
Mid last year, I went to the DreamWorks Animation exhibition at the ArtScience Museum. Anyone went?
I came across this example. As shown here is a painting, called The Dream by Henri Rousseau done in 1910.
It was used as an inspirational source and reference while designing the environment for the movie Madagascar. I believe there are more examples like this.
Here is an example on how Galina used drawings by Ernst Haeckel and incorporate the graphical elements into her designs.
Whether it is for brainstorming, visualising your thoughts, designing and planning, or communication and presentation purposes, images can be used in many ways during the different stages of your project. [Run through the process briefly is needed].
Let me elaborate this further.
There are many different types of image source and you have explored two types. I will leave you to explore the rest on your own. However, we need to be careful on how to use the images.