Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Basic Principle of Graphics and Layout

No description

Oliver Hong jr.

on 11 August 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Basic Principle of Graphics and Layout

Basic Principle of Graphics and Layout
We're here to learn about the basic principle of graphics and layout...
2.) emphasis
3.) movement
4.) pattern, repetition and rhythm
5.) proportion
6.) Variety
the visual weight of object, texture colors, and space is evenly distributed on the screen.
An Area in the design that may appear different in size, texture, shape or color to attract the viewer's attention.
Visual elements guide the viewer's eyes around the screen.
these are the repeating visual element on an image or layout to create unity in the layout or image. rhythm is achieved when visual elements create a sense of organized movement.
pattern, repetition and rhythm
visual elements create a sense of unity where they relate well with one another.
this uses several design elements to draw a viewer's attention.
information graphics or infographics are used to represents information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewers attention.
we can create info graphics using the website piktochart.com
i will give you the steps on how to make an account for piktochart.com:
create a piktochart account by going to www.piktochart.com and click sign up on the upper right corner of the page.
fill up the information on the sign up page ; alternatively, you can connect with google+ and facebook.
once you have created an account and logged in, select a template for your infographic. since your date relates to marketing or sales, simply hover over the presenta board theme under free themes then select create.
the piktochart editor will open ( may take a while to load depending on your internet connection). the presenta board theme consists of three blocks (parts). select the blocks and input the information as you see fit.
while editing a block, you can use the various tools on the left side of the page:
Graphics allows you to insert lines, shapes, icons and even photos
uploads allows you to upload images foR your infographic
text allows you to INSert text to your infographic with the option to add text frames
styles allows you to modify the color scheme of your infographic
tools allows you to create charts (similar to the ones in powerpoint, maps (for demographics) and videos.
creating and manipulating images using photoscape
there are plenty of image manipulation tools but if you are going to create a website, you have to use the one which is efficient. photoscape is a good tool because it is feasible for beginners and advance users alike.

1.viewer - as the name implies, is a picture a viewer with features the same with most image viewers like changing image orientation.
2.editor - alters the appearance of a single image
3.batch editor - alters the appearance of multiple images
4.page - arranges the several photos to create a single; one similar to mosaic
5.combine - links several images together to form a bigger image
6.animated gif - allows you to create an animated gif from several pictures
7.print - readies picture for printing
8.splitter - divides a single photo into multiple parts
9.screen capture - captured the screen and saves it
10.colord picker - grabs a pixel from your screen to be used in editing
11.raw converter - coverts raw images (uncompressed images usually from digital camera) to jpeg
12.rename - allows you to remain a batch of photos
13.paper print - useful tool for printing your own calendars, sheets, lined paper, graph paper, etc.
on photoscape's main screen, you will see the many features it has that you can use for creating web content as follows:
1.Editors edit
for this exercise, take a photo from your camera. it can be a selfie, a groupie or a random photo. make sure that you are he one who took it and that it is worth spending time with editing. once you have it ready, place it in your computer in a directory most convenient to you.
1.open photoscape then choose editor.
2.choose the folder where the image you want to manipulate is located using the file explorer on the upper left.

4.from the preview, select the image you want to use. the image will now be shown on a much bigger preview inside your work area similar to what is shown below:
3.once you have selected the folder, you will see a preview of all the images found on that folder at the bottom of the file explorer.
5.notice the properties of the image like the file name, the image size(in pixels), and the file size found on the bottom of the preview:
6.manipulate the image using the tools on the bottom.
home tab - this is where you can add a frame, resize, sharpen and add filters and effects to your image.
objects tab - this is where you can place a wide variety of images like texts, shapes and symbols.
crop - this where various tools can be found in order to properly crop an image to desirable size.
tools - includes other tools like red eve correction, mole removal, mosaic effect, and brush tools. for more information about the tool, simply click it and a tip will be displayed describing how to use it.
7. click save located to the lower right of the program. the save as dialog box will appear. save it in your activities folder with the file name editorexer.jpg. check the file size and see how much space you saved.
II. Batch Edit
• Is one of the most useful tools when trying to easily manipulate all images at the same time.
1. Select the folder where your photos are located, then on the preview window, drag the photos you want to be part of the batch edit to the work are.
2. Use the tools on the right to edit your photo. This is similar to the options in edit except the crop and tools tab which are replaced by filters tab.
3. Resize the pictures so that they do not exceed 800 pixels in width. Add filters if you want.
4. Click on the ALL button found on the upper right.
5. The SAVE dialog box will appear that will allow you o change the location, the name of the images and file type.
editing tips:
double-click a text to edit the content
when working with objects, the toolbox on top of the topmost block will allow you to manipulate it. this is similar to working with objects in powerpoint where you can arrange an object to be on top[ or bottom of another.
then working with chars, double-click the chart to open the datasheet editor.
you may rename the title of your infographic on the top toolbar.
to save your work, click on save on the top right of the page. to save it in your computer, click on download. in the download options, select the medium-sized and the png file type.
Full transcript