Format: Interactive PDF, PowerPoint Show or Word Document
1- Define a GUI – write what it is, what the purpose is, what graphic interactive components can be part of it, draw a diagram explaining the different components or aspects (in the style of a mindmap/flowchart). This is about your informed understanding of a GUI, after conducting some research, but it is not about definitions found in a book or online.
Mixed Textures based on photos from morgueFile
2 – Discover tactile qualities in textures – discover 10-20 different textures that can be found in the home. Describe the material, how it feels to the touch, what sounds it makes, how it behaves when used appropriately and when used inappropriately. How does it react to pressure (pressing), rubbing and pulling? A paragraph per texture is the minimum.
3 – Collect the Good – Collect several images of 5+ GUIs that you enjoy using and or like the look and feel of. Write an overall description of the aspects that appeal to you. You do not need to write one for each, but one overall discussing the overall aspects that you like.
4 – Collect the Bad and the Ugly – Collect several images of 5+ GUI that you dislike, that either annoy you or that are not enjoyable to use. You may include interfaces that you find visually uninteresting or poorly designed. Describe the negative aspects.
5 – Conclusion – draw a conclusion of your research. Describe what inspired you and what influences you will incorporate in your future designs. Describe some of the ideas that you have had for GUI elements.
EDSS is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D). This class is a cluster of the two units, that will be delivered together.
Use the JavaScript section on W3Schools to 1.research and 2.document the points below.
You can document your research and definitions in a Word document. Use this template > JavaScript Documentation or create your own!
Definition for JavaScript, including the purpose and context of other Markup Languages
Definition HTML DOM and example of a HTML DOM tree found on W3Schools
Can JavaScript be inserted into the Head or Body section of an HTML document?
How is JavaScript inserted into HTML?
Give an example of a Script Tag
What file extension will you need for an external JavaScript file?
Do external JavaScript files use <script> tags?
Write document output: Look at this example on the TryIt Editor and change the Script so that it writes the <h1> and not the <p> content, change the <p> to HTML.
What is a JavaScript statement? Define and give an example!
How do you separate statements?
Is JavaScript case sensitive?
Write document output 2: Look at this example on the TryIt Editor and change the Script so that JavaScript creates the <h1> Good Morning and an additional <h2> What I love? while HTML is responsible for <p>The smell of coffee.
The For Loop: Use the example provided for cars on the TryIt Editor and change it to write 6 brands of chocolate. Make sure to change the string (or text value=cars to something more appropriate).
It is important to apply the steps of the design process when designing. Jumping on a computer and creating whatever comes to mind excludes your ideas and limits you to what you are able to do with the software.
Make sure to include steps that allow you to analyse the project (Project Outline), research the topic, generate ideas (brainstorming, using Kickcard method, using spider grams, creating a Metaphorical Analysis, The Inverse, sketch, doodle, etc) and discuss them with someone else on the project (eg teacher, friend or other student). You want to sketch and label your ideas.
Now refine them and work them on the computer.
Use the examples below as a step by step design process (the second one is more Web design focused, so ignore any coding references):
Make sure to write more about the Target Audience than just a sentence. I have attached an example of my own work. The Target Audience is for a Photography website: Example Profiling Target Audience
We will start today’s class by thinking about the terminology introduced in class 1 –
on a sheet of paper write your own understanding of:
Strategic Planning
Operational Planning
VMB board
KPI – Key Performance Indicator
Key Performance Indicators (short: KPIs) are an extremely important measure in successful businesses. We will look at the definition of KPIs, how to create a KPI and look at examples. You will then need to create an example KPI.
Please open the presentation below and follow it in class.
In 6 teams we will look at examples of KPIs used in hospitality and report back to the class.
Examples of KPIs used in restaurants, cafes and similar businesses
Below is a text with examples of KPIs used in restaurants, cafes and similar businesses. Read and write one from each category that you can relate to on a sheet of paper. We will use it in a group discussion.
Source: http://www.profitablehospitality.com/public/88.cfm (Sourced in August 2012)
Key Performance Indicators for Restaurants, Cafes, Catering, Clubs and Hotels
Remove the guesswork from managing your business by checking the numbers that tell you what’s really happening.
There’s a business saying: ‘if you can’t measure it, you can’t manage it!’ Real, responsive management needs reliable and truthful figures on which decisions can be based. If there are problems, you can take corrective action quickly. If you are having success, you’ll know to do more of what you’re doing! Good figures also give you a wider understanding of your success – sometimes if it’s a quiet month (when your suppliers are telling you that ‘everyone’s quiet!’) you’ll see that some of your KPIs are actually improving (eg sales per head). Well done – it is not all doom and gloom!
Watch several figures from each of the 6 following sections.
1. Staff and Employment KPI’s
Wage Cost % – wage costs as a percentage of sales.
Total Labour Cost % – not just wages but also the other work cover insurance, retirement and superannuation charges and other taxes that apply on your payroll.
Total Labour Hours – how many hours worked in each section. This is useful to compare against sales to measure productivity.
Function Labour charge-out. Caterers usually charge-out service staff at a markup on the cost of the wages paid. Are you achieving a consistent mark-up?
Sick days taken – sometimes a measure of morale and the management skills of your management team.
Labour turnover (number of new staff in any one week or month) Everyone says high staff turnover is ‘part of the territory’ in hospitality. It doesn’t need to be like that, but one way to measure how good (or bad) you are at controlling this is to measure labour turnover. Count the number of positions you have (A), then count the number of people who you have employed during a certain period (B). Divide B by A and you will get a labour turnover figure, sometimes expressed as a percentage. For example if you have 10 staff positions and you have employed 38 people in the last year, your Staff Turnover is 38/10 or 380%!!
Average length of employment – another way to look at your success in keeping staff. Add up the total number of weeks all your people have worked for you and divide this by the total number of staff.
Average hourly pay – divide the total payroll by the number of hours worked by all staff.
Photo by frenchbyte on morgueFile – He does not look too happy, maybe he is studying this class?
2. Kitchen Management
Food Cost % can be measured quickly by adding up food purchases for the week and measuring them against your food sales. This is based on the assumption that you are not holding very much stock (as it’s perishable, you need to sell it or throw it out!). You may also do a stock-take regularly to get a more accurate food cost percentage, although the burden of kitchen stocktaking often means it is not done very often.
Total Food Costs – how much was your total food bill? Sometimes a useful figure to show staff who think you are made of money!
Food Costs per head. It can be useful to see every week how much it costs to feed an average customer. If your menu and sales style is consistent, this should also remain much the same. If it starts to go up, you will have to find out what’s happening!
Kitchen Labour % – it’s only fair to measure kitchen productivity by comparing kitchen labour against food sales, not total sales (alcohol and beverage sales may be influenced by other factors).
Kitchen Labour hours – how many hours worked in this section? Compare against sales to measure productivity.
Stock Value – how much food stock are you holding? It should be less than a week’s use, but can slip out if you are storing frozen seafood or Cryovac meat (a packaging method that is supposed to prolong the life of meet).
Best (and worst) selling items – check the weekly sales from your POS or dockets. Did you know what the best sellers were? Map these on the Menu Profitability Analyser.
Kitchen linen costs – the cost of uniforms, aprons and tea-towels can be a shock! How many tea-towels are you using each day? (Have you thought about laundering them yourself?)
3. Front of House and Restaurant Management
Total Sales Per Head – your total sales divided by the number of customers. How does it compare to last week and last month? This may vary between different times of the day .
Number of customers – simple! A good measure of popularity.
Food, Dessert, Beverage Sales per head. These are divided into key areas of choice – main course and starters, desserts, non-alcohol beverages, alcohol and perhaps also side orders (eg breads and salads) and other product sales. It’s the perfect indicator of two things – how much your menu appeals to your customers (do you have all the choices they want, eg the right dessert selection?), and how well your staff are selling. This KPI can be a good basis for a bonus system.
Seating Efficiency – how well your tables are being turned over while still offering high quality customer service. Usually many small things combine to have a large impact – cooking time, seating, service and clearing. The size of tables relative to the average group size will also make a difference.
Basket Analysis – eg how many items do lunch customers buy? What else do morning coffee drinkers order, or red-wine drinkers (mineral water if the servers are awake)? A recent analysis with a client showed that typical diners ordered only 2 items (most ordered nothing after the main course) and many of the lunch customers did not order a beverage. Grab a pile of dockets from a typical day, and look for ordering patterns.
Linen costs – uniforms, aprons etc.
Front of House Labour % – how many hours worked in this section? Compare against sales to measure productivity.
FOH Labour hours – how many hours worked in this section? Compare against sales to measure productivity
Customer satisfaction. This is measured in different ways. Feedback forms, complaints and other methods that are hard to quantify sometimes but worth making an attempt.
Strike Rate – if 500 people came to your club last night and only 100 ate at the bistro, your ‘strike rate’ would be 1 in 5, or 20%. Good enough? Compare with similar businesses and different times.
RevPASH – Revenue per Available Seat Hour. The same idea hotels use to measure Revenue per Available Room. For RevPASH take the total number of ‘seat hours’ and divide total revenue for a period by this number.
4. Bar and Cellar Management
Sales per head. Useful to have them separately for alcohol beverages and non-alcohol (juices, mineral waters, soft-drinks and coffee etc). It’s the perfect indicator of two things – how much your beverage and wine appeals to your customers and how well your staff is selling. This KPI can be a good basis for a sales bonus system.
Gross Profit on sales – the difference between what you sold and what it cost you. The sales mix can influence this heavily. If you are selling two bottles for the same price, but one costs you $5 to buy and one costs you $7 to buy, you should try to maximise the sales of the one with the highest dollar profit.
Average Profit % on Sales – useful to see if your sales are holding steady, although ultimately the actual Gross Profit (real money) will matter the most.
Stock Value – how much cash is locked up in the value of your cellar? Tens and even hundreds of thousands of dollars can be tied up in cellar stock and you don’t realise it! It’s worth checking with your suppliers and seeing how much you can order ‘just in time’. This is where retail business models are useful to compare, because unlike food stock, these supplies are not perishable, which can lead to a temptation to hoard. Also, the romance of wine lists and ‘special deals’ can lead to stock blow-outs! Weekly stocktakes are essential for proper management.
Stock turnover – how fast is your cellar stock selling? If you are carrying wine stock worth $50,000 and the value (not sales) of what you sell each week is only $10,000, it’s taking 5 weeks to turn over your stock. That’s too long! An accurate figure here will be based on regular stocktakes and accurate sales information.
Carrying cost of stock – what is the cost of financing this $50,000 of stock? Take the current interest rate for borrowing money, apply it to your stock value, and divide by 52 to get a weekly figure. If stock is valued at $50,000 and interest rate is 8%, annual cost of financing the stock is $4000 or $77 per week.
Sales / stocktake discrepancies. Alcohol means security problems, and keeping an eye on ‘shrinkage’, staff drinks and stealing is a constant problem. As an essential KPI, measure the difference between what you used (from comparing two stocktakes) and what your POS system says you sold. You often need to find our why they aren’t the same!
Photo by ariadna on morgueFile
5. Sales and Marketing plus Function Management
Number of customers – simple! A good measure of popularity.
Visits by your top 100 or 200 customers – they provide a huge proportion of your sales! Track their frequency and spending – these people are gold!
Sales per Head – across all areas
Marketing and advertising costs – the total value of what you spend, always trying to measure it against the response you get. A difficult one to measure, but worth investigating.
Response rates – how many people responded to different campaigns and what effect did this have on profit?
Press Mentions – keeping your eyes open for favourable mentions.
Bookings – in the current week and month and coming up. Also in peak times, eg Christmas.
Function Inquiries – number of inquiries about large bookings and functions, especially if you have undertaken a campaign to promote them.
Sales inquiry conversion rate – the number of inquiries that turn into actual sales. If 50 people asked for information about your function packages and this resulted in 10 firm bookings, this would be a conversion rate of 1/5 or 20%. You would want to look at why so few people were ‘converted’ – was it the quality of the promotional material, skill of the sales staff, pricing or make-up of your function menus and facilities?
6. Management of Finance and Administration
Cash position at bank – how much do you have available after reconciling your cheque book?
Stocktake discrepancies – a measure of the efficiency of each department, but also of the administrative systems in place. They need to be simple and easy for line staff to fill in, and the results should be made known quickly if they are to have an impact.
Total accounts due – how much do you owe?
Total accounts payable – not usually a problem in restaurants and pubs, but needs careful management if you have accounts, eg large restaurants.
Return on Investment – the profit your business makes can be measured as a percentage return on the amount you have invested in it (see the Balance Sheet). Is it sufficient?
Taxes owed – most of these taxes are not paid at the time they are collected. Hence the need to know how much is owed at any one time so it is not ‘spent’.
Sales & costs – actual figures compared to what you budgeted for the period. You will want to see real dollar figures and percentages.
Administration labour costs. This is often begrudged in hospitality businesses and seen as ‘not productive’. But strong and skilful administrative support will be essential to manage the KPIs listed above!
Computer and technology efficiency – how much down-time for your computer system? How accurate is the POS system? How many of your staff know how to use the equipment they use each day, eg telephones – can everyone transfer a call properly?
Class Task
Please complete the comprehension task below by answering the questions!
Welcome to your first class on Create User Interfaces.
This class is about the creation of a user interface in these steps:
Clarify project requirements
Generate ideas
Plan approach
Produce user interface
Evaluate user interface
Clarify Project Requirements
This stage of the process is all about developing a good understanding of the client brief, the target audience, the needs of the client and target audience and the purpose of the interactive media product.
You will also need to look at technical aspects, such as the delivery platform, file output format.
Generate Ideas
Research interactive media product interfaces, designs, images, artwork and other creative sources that may inspire design ideas.
Use sketches and concepts as the basis of your design ideas,.
Incorporate brainstorming and other creative idea generation methods when developing concepts. Spider diagrams, word maps or morphological analysis are other methods that can be used in exploring directions.
Copyright clearance needs to be obtained and recorded where necessary.
The initial concepts for the interface design need to be presented to relevant personnel and the client for discussion and feedback.
Plan Approach
Select final design and incorporate the feedback.
Use an appropriate industry standard graphics software that will suit the needs and requirements of the project.
Explore a range of typographical ideas, as well as visual design elements that could be used for the interface design.
Produce User Interface
Use graphics software to develop the structure for user interfaces based on the final design concept.
Source, create and integrate all graphic interactive components.
Apply visual design and communication principles to the development of the user interface.
Ensure that user interfaces meet the principles of user-centred design and relevant standards.
Document styles for text and presentation for use in style sheets and templates or themes.
Save user interfaces in appropriate output format suitable to the technical needs of the project.
Evaluate User Interface
Review the final design to be able to assess effectiveness of the user interface, appropriateness to the user and audience and technical feasibility.
The 5 Planes of a Website Project
Please view the presentation below about the 5 Planes approach by Jesse Garreth when designing a website or other interactive product.
Welcome to your first class of EDSS, which is a combination of Create an Extensible Document (ICPMM491D) and Create an Extensible Style Sheet (ICPMM492D).
This class is a cluster of the two units, that will be delivered together.
Create an Extensible Document …
… requires the individual to create an extensible markup language (XML/PPML)
document for content publishing that is well-formed, free of errors, meets the needs of the
business and is extensible to meet future business needs.
In more detail, you will learn to:
Define document structure
> details required for the job are checked and confirmed against the job specifications
> mark-up language version and the character encoding used in the document (or declaration statement) are defined and/or inserted in the document
> an external or internal Document Type Definition (DTD) or mark-up language schema is chosen and correctly wrapped and referenced depending on project requirements
> root element is correctly defined and all elements are accurately nested
> attribute types and default values are declared, where necessary
> occurrences of elements are stated and elements of mixed content declared
Confirm validity
> start and end tags are included and closed to ensure no element errors
> namespaces are used to resolve name conflicts
> the document is well-formed, error-free and conforms to the mark-up language syntax rules
> the document conforms to the rules of a Document Type Definition (DTD) or the mark-up language schema
Finalise and test document > character data (CDATA) sections are added to the document structure
> the final document is viewed with a mark-up language parser
> the mark-up language document is well-formed, free of errors and meets the needs of the business
> the document is linked to an extensible style sheet and template and tested
> the document is extensible to meet future business needs
Create an Extensible Style Sheet …
… requires the individual to create extensible style sheets for electronic publishing or online documents including computer screens and handheld devices.
In more detail, you will learn to:
Prepare the source document:
> by validating it as free of errors,
> by confirming the style and transformation requirements of the source document,
> by confirming the required advanced styling requirements,
> by confirming the different media, display formats and target audience
> preferred platforms and abilities
> by preparing the source document for the style sheet
Create the style sheet:
> design multiple templates and apply them to the style
sheet
> use the required presentation styles
> incorporate transformation requirements into several style sheets
> link or associate the style sheet with the source document
> test the link
Test the style sheet:
> validate style sheets are to ensure correct presentation and transformation
> update the style sheet is if errors occur and validate again
> link the style sheet to a data-store and to a digital template and test
> make the style sheet extensible to meet future business needs
Assessments:
There will be 2 assignments, for each you will have to
create an extensible mark-up language document, that is well formed, free of errors, meet the needs of the business and is extensible to meet future business needs.
create extensible style sheets for online documents or electronic publishing
create a testing method (eg a flow chart).
Direct questioning and in-class participation will be included as a form of validation. If you participate well in class it will make it easier for me to mark you as competent.
In-class Task:
Research the acronyms below! You can present your findings as a table.
What does the acronym stands for?
What does it mean, or do or what is the function?
Find an example of coding or document structure and copy or screen print it!
HTML XML PPML SGML CSS XSL PRISM DSSSL
For in-class discussion and submit your document on MyKangan (available by next class).
W3Schools > We will use W3Schools when learning about the Markup languages.
I used CS5, but this tutorial will work on all recent versions
The tutorial is written for IBM PCs, if you are using a Mac convert the short cuts:
Ctrl becomes command
Alt becomes option
Final product! Based on photo by kconnors from morgueFile.com
In this tutorial you will learn to
create a file for the Web,
place an image,
place a semi-transparent layer on top,
adjust the size of an object,
add text,
group layers,
make text ‘punch through’ a background
save a file for web purpose
Step 1 – New Document
Create a new document (Ctrl+N or File>New…) and use these settings:
Preset: Web
Size: 620 x 411 px (h)
Resolution: 72 ppi
This is a fairly small size and you can go for a larger size if you wish (eg 800 x 530px). I chose a small size to keep the file size small.
Insider joke: do not use Ctrl+End, but Ctrl+N (Feray and Cliff will understand)…
Step 2 – Save Image
Click the image of Sydney Harbour Bridge (by kconnors and found on morgueFile.com) for this tutorial and save it to your computer or USB. Preferably you want to get a large enough file to work with. So, click on the image and follow the link, select Download Image on morgueFile.com.
Photo by kconnors on morgueFile.com
Step 3 – Place Image
Place the photo in your document (File>Place and find the file).
After placing adjust the size to fit in your image window. Make sure to hold Shift while adjusting the size (by shifting the corner points). Hit Enter to except.
Step 3 – Drag from corner points and hold shift to maintain same ratio.
Step 4 – Create a New Layer and Fill With White
Create a New Layer
Press Ctrl+Shift+Alt+N (yes this is a looooooooooong shortcut) or click on the icon for New Layer in the Layers panel.
Fill the layer with white
Press Shift+F5
Select White at 70% Opacity
You can change the opacity in the Layers panel later.
Step 5 – Change Size of White Layer to Small Banner
Use the Free Transform function (Ctrl+T or Edit>Free Transform). Follow the instructions in step 3 in regards to changing the size. Reduce the opaque white background to the size of a banner and press Enter. (See image)
Step 5 – Drag the centre points down and up to be left with a banner, next press Enter.Step 6 – The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Step 6 – Type the Title
Use the Type Tool (T) and using capitals, type ‘SYDNEY HARBOUR BRIDGE’.
Font: Pick a Sans Serif, eg Century Gothic
Dimensions: something that fills the page, eg 46 pt.
Click on the tick on the top right hand side of the page or click on the move tool to exit the type mode.
Now you can use the , or use the Free Transform (Ctrl+T) to adjust the size.
Step 7 – Group the Layers
Click on your Type layer to select it
While holding Shift click on the layer with the banner (most likely Layer 2) – this should select both layers.
Press Ctrl+G to group the selected layers.
Step 8 – Blending Options
Access the Blending Options by double clicking on the Type layer. Click on the blue, high lighted area around the title. It should open the Blending Options/Layer Style window.
Change the Fill to 0% and the Knockout to Shallow.
Press OK.
Step 8 – Blending Options – Change the Fill to 0% and the Knockout to Shallow.
Step 9 – Save the File
Save it as a PNG and select interlaced. Finito! Benissimo!
In-class discussion on what the words strategic and operational imply:
Strategic: theory, plan, ideas
Operational: practical, the actual doing of it
Looking at strategic and operational planning in the context of:
Chess: the strategy relates to the moves ahead, the player is thinking about a number of combinations. The player will try to determine and anticipate the opponent’s moves, while thinking through a number of moves that would give the player an advantage.
Military: the general may think about astrategy of attack, while on a lower level of the hierarchy, the Captain may think about how to implement the orders and how to make it happen.
This may include thw day to day running of an army, the resource management, the movement of the troops.
Strategic and Operational Planning for an Institute
In teams Use Kangan Institute as an example and list aspects that relate to planning on a strategic level and planning related to the operational level of a business.
Discuss your findings.
View the VMB (Visual Management Board) used by ICT
Students will view the VMB used by ICT and understand how ICT manages the strategic vision of the institute and translates it to an operational level.
If you missed this class you will need to check with your colleagues and teacher on what the VMB was about.
Example in Century Gothic The second one with a Photo Filter in 25% blue
Metal Texture
This tutorial is about creating a stainless steel texture with a brushed surface (similar to the image above) and apply it to a line of text.
Step 1:
Create a new document (Ctrl+N) and use these settings:
Preset: Web
Size: 1280 x 1024 px (h)
Resolution: 72 ppi
Step 2:
Use the Type Tool (T) and using capitals, type a word that relates to metal (the material) or signifies strength. You could even choose the name of a Metal band. I choose the word: ROYAL.
Font: Pick a Sans Serif, eg Century Gothic
Dimensions: something that fills the page, eg 280 pt, or use the Free Transform (Ctrl+T) to adjust the size.
Step 3:
Select the shape of your word, create a new layer and fill the selection with 50% Grey, then with Noise.
Hold Ctrl and click on the thumbnail of the Text layer (in the layer panel) to select the shape of the text
Create a new layer (Ctrl+Shift+Alt+N)
Fill the selection with 50% Grey – Press Shift+F5, Select Grey at 50%
Fill the selection with Noise: Filter>Noise>Add Noise
Amount: 100%, Distribution: Gaussian, tick Monochromatic
Step 4:
Apply Motion Blur
Apply Motion Blur Filter>Blur>Motion Blur
pick an angle that appeals to you (eg horizontal = angle:0)
Distance: pick a distance that creates long lines (I used 48 px)
Step 5:
Fill the text with 50% Grey. The edge of the text has become a bit see through.
Press Shift+F5
Select Grey at 50%
Select Behind for the Blending Mode
Step 6:
Use Curves to lighten the image up a bit.
Ctrl+M or Image>Adjustments>Curves
Manually adjust the curve
Step 7:
Use Bevel&Emboss to add depth to the text.
Double-click on you Type layer (around the title, not on the title – this should open the Layer Style/Blending Options.
Select Bevel/Emboss and change the settings
Bevel & Emboss – just an example
Step 8:
Save it as a PNG and try the same with a variety of (=5) different fonts.
When complete combine all the fonts on a page for presentation.
Illustration by Tavis Coburn found on DzineBlog.com
Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Photo by mconnors on morgueFile
Photo by agathabrown on morgueFile
Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Work by Justin Anderson
Based on photo by dhester from morgueFile.com
Photo by hotblack on morgueFile.com
Leonardo’s St. John the Baptist, Louvre, Paris, Image: courtesy of A World History of Art – www.all-art.org
Image Source: www.photoshopessentials.com
Photo by omdur on morgueFile
Massive Attack – The Essential Mix
Steel Curves, Image: courtesy of flickr.com, photographer: Margeois.
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Photo by DTL on morgueFiles
Source: morgueFile, Photo by matei
Michael Pointing in GTA V – Courtesy of Rockstar
Close-up at Fed Square, Federico Viola 2013
Concept for Gallery Screnshot
Based on photo by xandert found on morgueFile
Based on image by hotblack on morgueFile.com – F.Viola
Constructivism Reference – by Lylah Livingston
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Work by Egon Schiele, found at Mom.org
Work by Jo W
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
ruthworkx -http://ruthworkx.files.wordpress.com
Photo by ariadna on morgueFile
The Face by drfranken found on ChromoArt.de
Experimental Photomontage by Robert Heinecken
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)
Illustration: Tavis Coburn – Illustration for for an article predicting trends in Apple’s mobile strategy. Found on: TavisCoburn.com
Mosaic of Sofia Coppola – by Maurizio Galimberti – www.mauriziogalimberti.it
Good Morning! Photo: wallyir, from: morgueFile.com
Screenshot from What’s Your Story by Joyce Hostyn
Table of Content from Textbook – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Based on photo by hotblack from morgueFile.com
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
The calming effect of horizontal lines, image: courtesy of flickr.com, Photographer: jaikdean
Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Jenga, photo courtesy of: Design-Crit.com
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Photo by clarita on www.morguefile.com
Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Courtesy of The Art of Mass Effect Universe’, 2012
Illustration by Jessie Ford, found on DzineBlog.com
Illustration by Jessie Ford, found on DzineBlog.com
Vertical lines of a dark fence, image courtesy of p.ic – Photo Internet Collection – www.photoic.wordpress.com, photographer: Federico Viola
Poppies – Vector art Federico Viola based on photo by hotblack from morgueFile
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
What Time is it Now? by King_Bobbles
Photo by Seemann on morgueFile.com
Lines and Gradients- Courtesy of: psdtuts+
Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt
The swirls in the image are made up of numerous lines. Courtesy of: www.openprocessing.org
Peace- Swiss International Style Reference – by Maryam Chananeh
Your Lipstick Needs You, an entertaining take by Digital Media Artist Samantha Cain. Courtesy of: Samantha Cain, http://www.behance.net/samanthacain
Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com
Photo by clarita on morgueFile
“Step into my office” Source: The Age, click image for link
Light Streaks – Courtesy of: PhotoshopEssentials
Examples of Output and Display for web-content. Image: live.surveyshack.com
Geese in Ameland, Photo by Frans Schouwenburg
Uncle Sam Wants You, WWI Propaganda Poster for US Army recruits, Design by James Montgomery Flagg, 1916, image found at: Live Auctioneers
A Beautiful Piece by Aerosol found on his Facebook
Example of applied changes
Italian movie poster found on Abduzeedo.com
Image from morgueFile by lemai13
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Screenshot of Endless Alphabet 2, courtesy of AppsPlayground.com
Image source: Data Center Knowledge
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
He loves OHS! – Photo by Karpati Gabor on morgueFile
Photomontage: Amir Ebrahim Photography
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
Layers in Photoshop are like a Collage of images stuck on top of each other…
Screenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
Swiss International Style – Joseph Müller-Brockmann – Beethoven – found at www.designhistory.com
Free Transform and Ctrl – I am loving it!!!
Illustrator unknown – found at: Ephemera – World of Rare Books
Based on a photo by delboysafa from morgueFile.com
Illustration by Kate Miller, found on DzineBlog.com
Courtesy of The Art of Mass Effect Universe’, 2012
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Photo by matthewbridges on morgueFile.com
Photo by frenchbyte on morgueFile
Illustration by Gary Neill found on Dzineblog.com – http://garyneill.com/ http://garyneill.tumblr.com/
Couple found at http://frenchbydesign.blogspot.com.au
Only practice will help you learn! Photo by BreonWarwick on morgueFile
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
The Glossy Reflection is transparent on top and gets whiter towards the bottom.
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
Setting the grid up.
Illustration by Gary Neill found on P.A.P.-Blog – http://garyneill.com/ http://garyneill.tumblr.com/
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
Custom Shapes and Custom Shape Icon
Luminescent Lines – Courtesy of: PSDLearning
‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/
Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com
This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.
Milk Poster – Swiss International Style Reference – by Annabel Stephen Salip