Creating a web page is like creating a work of art. There are certain things that you need to consider in order to get your message across.
1. Balance. The visual weight of objects, texture, colors, and space is evenly distributed on the screen.
 |
| An example page of balance and emphasis |
2. Emphasis. An area in the design that may appear different in size, texture, shape or color to attract the viewer's attention.
 |
| Movement |
3. Movement. Visual elements guide the viewer's eyes around the screen.
 |
| Pattern, Repetition, and Rhythm |
4. Pattern, Repetition, and Rhythm. 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.
5. Proportion. Visual elements create a sense of unity where they relate well with one another.
 |
| Proportion |
 |
| Principle of Variety Design |
6. Variety. This uses several design elements to draw viewer's attention.
What could be the positive impact of Imaging and Design for Online Environment in Education?
ReplyDeleteHi Marvin! The positive impact of Imaging and Design for Online Environment in Education is that through following the Basic Principles of Graphics and Layout you can beautify your work. So that when your teacher ask you to create something like website, you can create a simple but elegant design. :)
DeleteI really want to create a design or layout online, but it's so hard to understand, what is the best way or the easiest way to teach me how to create a simple layout/design online?
ReplyDeleteHi Mark Joseph! Those are just principles of graphics & layout. In our next next discussion, we'll be discussing how to create a simple layout using a free & easy application. :)
DeleteWhat are the negative side of it ma'am?
ReplyDeleteThere is no negative side in those principles because it only serves as a foundation in making a design/layout.
DeleteWhat application can we use in making layout?
ReplyDeleteHi anjonette! There are many application we can use in making lay out such us photoshop,piktochart, lucidpress, etc. but in our subject we'll be discuss about piktochart/photoscape.
DeleteHow can we do it as a beginner? And as a student that is not that artistic, are there some ways that can help me improve it?
ReplyDeleteIn case of a beginner, we have an easy-application that can help us to improve our design-making. In our next next topic we will discuss about it. We can be an artistic if we have patience and all we need to do is to realize that inspiration is art.
DeleteAlways remember to Be happy with what you created, and always keep improving your work! Professional artists practice over and over again, until they the image that was in their head, right in front of them!
As a computer major , is it really important to know the Basic Principles of Graphics and Layout??
ReplyDeleteYes, so that we can make an appropriate design in making our visual aids and as a computer major, we should know how to make our design simple but rock \m/ :)
DeleteExplore the different website in the internet list and least five website that promote the principles of graphic and layout.
DeleteBeside imaging and designing for online environment, where can we else apply these basic principles of graphics and layout?
ReplyDeleteHi hannah! You can apply it anywhere related to designing. (layout) Example in making powerpoint presentation you can also use that principle.
DeleteWhere can I edit the best po? Any suggestions po?
ReplyDeleteEdit what?
DeleteIs there a way to easily learn imaging and design?
ReplyDeleteYes, try to explore applications in which you can develop your talent in designing (layout) Example Adobe Photoshop, Microsoft Photo Editor, and GIMP. :)
DeleteMaam do you have some examples of Editing shop that is give a fast and a better service?
ReplyDeleteAdobe Photoshop, Microsoft Photo Editor, and GIMP
DeleteMa'am as a beginner how can we easily create a webpage if we don't have that knowledge to do so?
ReplyDeleteYou must have patience. In our next next discussion we will discuss about creating a webpage and you'll see it is fun. You may try exploring application that can create a webpage.
DeleteIs there any way to learn it easy?
ReplyDeleteThose are just a principle. You can easily learn creating a webpage. In our next topic we'll be discussing about it.
DeleteWhat is the importance of learning these basic principles on web design? How could this help a STEM student?
ReplyDeleteThe importance of learning this principles of Imaging and Design for Online Environment in Education is that through following the Basic Principles of Graphics and Layout you can beautify your work. So that when your teacher ask you to create something like website, you can create a simple but elegant design. :)
DeleteMa'am. What is the easiest way to create imaging and design? Is there some techniques to make our work more creative?
ReplyDeleteYou should have artistic mind when it comes in creating design. :)
Deletenapag aralan po nmin yan nung grade 10 po ako .. at napaka ganda po talagang pagaralan yan .. at tingin ko po kht saan magagamit po tlga yan ...
ReplyDeleteGood for you Mae! :)
Deletethere 's a website can help or teach us to make an easy design?
ReplyDeleteAdobe Photoshop, you should explore it first. But anyway, in our subject we'll be discuss about creating a website using wordpress. You can apply the basic principles in designing.
DeleteDo you use HTML when designing your websites (assuming you have created sites) and is it easy to use or would you recommend other programs? Because when i was Grade 10, we used VisualBasic6.0 and it was pretty easy to code for designs, but when it comes to HTML, I'm kinda unfamiliar with it.
ReplyDeleteMa'am what is the importance of the Graphics and Layout design for the websites you make?
DeleteHi Isaac, yes we use HTML in designing our websites. HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end. The codes in HTML are easy to understand. Try to explore HTML and you'll see.
DeleteHi Joshua! The importance of Imaging and Design for Online Environment in Education is that through following the Basic Principles of Graphics and Layout you can beautify your work. So that when your teacher ask you to create something like website, you can create a simple but elegant design. :)
DeleteWhat is best resolution when uploading a image in a web ? 72ppi or 300ppi ?
ReplyDeleteand where should I focus in my image if I'll gonna upload it ? DPI – Dots per inch or PPI – Pixels per inch .
If you've been around computers and digital images for a while, especially if you're a web designer or a photographer publishing your photos online, you've no doubt heard it said that the correct resolution for images displayed on the web, or on computer screens in general, is 72 pixels per inch (ppi). Some say it's "ppi" (pixels per inch), others claim it's "dpi" (dots per inch), and the whole thing would get very confusing if it were not for one small fact.
DeleteMa'am, where can we create our own layout? is there a sites?
ReplyDeleteYes there are many sites wherein you can create your own layout. In our subject we will use piktochart and wordpress you can apply there your creativeness.
DeleteMaam. is creating a site is easy or insane? :) XD
ReplyDeleteIt is fun! =)) You must have a long patience & creativity in able to have a workful site :)
DeleteMa'am is Imaging and designing is easy?
ReplyDeleteYes it is.
Deletema'am is imaging and designing has a pattern? or a technique?
ReplyDeletePatrick, what do you mean? Can you please elaborate your question?
DeleteDoes the basic principles of graphics and layout can really help us to easily convey meanings?
ReplyDeleteYes it is helpful especially when you're creating sites.
DeleteMam I once a visual graphics competitor for 3 yrs back then, using a photoshop software. This blog is very evident, for our judges and trainors then pointed out the essential of balance in designing images. pamphlets tarpaulin, magazine. Indeed it will be a help for us student who wants to be an aspiring visual designer
ReplyDeleteGood for you :)
DeleteWe weren't able to study doing htmls that well before but if I were to create my own webpage, I would really consider those. Thankyou ma'am :)
ReplyDeleteWelcome Farah! :)
Deletehi ma'am, in photo editing, is it possible to pixelate an image? is it possible to enhance it's resolution?
ReplyDeleteYes, bitmap is the most commonly used image format on the web. All your JPEG and PNG files are Bitmap image files. A bitmap image is made up of thousands of pixels. If you zoom in you can actually see those pixels as squares. Most image editing software shrink or enlarge these pixels to resize an image. This is why when you resize an image to a smaller size there is no visible quality loss. Mainly because those pixels become even less visible. On the other hand when you resize an image to make it large, these enlarged pixels become more visible which makes the image look blurry and pixelated.
DeleteThe solution is to compensate for each enlarged pixel, so that it matches the properties of its nearest pixel. This method is called Fractal Interpolation or simply Fractals. It produces a much better result when an image is enlarged using this technique. :)
wish there's a more elaborate explanations for these
ReplyDeleteThis will have further explanation when we were on this discussion (in our class). For now, I just give an outline for you to have an advance reading.
DeleteAfter knowing this, what could be the next step or things to know next so that I could start doing layouts? But these principles are really a helpful esp to student like me who has an interest with this but still haven't started one.
ReplyDeleteAfter this principle, we have an infographic making using Piktochart so that you can apply this principle in making design to your outputs.
DeleteAre there other things to consider when creating a web page.
ReplyDeleteYou must consider the Architecture and Design Planning
DeleteBefore you begin to build your website, you need to decide what it is you want your site to accomplish. You must establish what your internet marketing strategy will be. There are two basic kinds of users on the web, those interested in researching a topic and shoppers who have finished their research and are ready to act. Your site should be built to satisfy whichever of these types of searchers you are looking to attract. Determine before you begin if you are going to be selling something or if you are going to be providing information. Knowing your niche is critical to the success of your search engine optimization design project.
Make sure your web page is user-friendly.
You must be careful about how many images you use on a page. While images may help the page look pretty, you must remember that some people turn off images so that pages load faster, while others may be using screen readers, voice recognition, or speech synthesizers because they are visually impaired (which can include color blindness and dyslexia, not just low or no vision).
Can we do these things at our mobile devices? If we can, would you name some applications that can do graphics and layouts?
ReplyDeleteYes depend on the storage of your mobile phone. Adobe Photoshop is an example of an application that can do graphics and layout. But I don't encountered yet creating a layout through mobile phones.
Deletethis is quiet helpful and looks cool but my question is how and to what software we could apply all these basic principles?
ReplyDeleteIn any application that related in designing you can apply this principles.
DeleteHi Joey, this is just a principle in making of graphics and layout. In our class we will encounter this topic and we'll have further explanation for that. :)
ReplyDeleteHi Joey! These are just principles so actually it is the steps in making a good design but these only serves an outline for you to have an advance reading.
ReplyDeleteIf I'll plan to design a website, what software will you recommend for me to create and design a better website?
ReplyDeleteDo back read please you'll see the answer :)
Deleteano pong reference material ang ginamit niyo para sa impormasyong inyong ibinahagi?
ReplyDeleteHello po :) pwede po bang pag sama-samahin yan?
ReplyDeleteHi! Are you teaching Emp Tech too?
ReplyDeleteBeside imaging and designing for online environment, where can we else apply these basic principles of graphics and layout?
ReplyDeletecan i present this kind of format in my powerpoint presentaion?
ReplyDeletegood evening mam i copyright this blog for assignment only in empowerment technology...
ReplyDeletegoodnoon poh for assignment lng poh to huh
ReplyDeletemelgar i mis you to hahahahaa
ReplyDeleteAbno ka rafa ya !!!!
Deletei love u everyone mama chopchop
ReplyDeleteTHANKS PO :) for research purposes only .. haha
ReplyDeleteCalling the attention of Trishia nadine barrientos to proceed to the disciplines office
ReplyDeleteThe blog provided by you is very nice and it is very helpful to know the more information.keep update with your blogs .
ReplyDeletewebsite designing companies in hyderabad
Low cost web designing company in hyderabad
top web designing companies in hyderabad
web designers in hyderabad
best website designing company in Hyderabad
Hi can you give more explanation about the movement?
ReplyDeleteThis is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again.
ReplyDeleteWebdesign
can you give me an explanation in alignment in graphic and layout? thank you
ReplyDeleteHow will you use infographics??
ReplyDeleteHow to explore the different website in the internet and list at least five website that promote the principles of graphic and layout
ReplyDeleteHi po may ask lng po. Why is it impotant to apply basic principle of graphics and layout in ICT?
ReplyDeleteMag sagot ka ng module mo tanong kapa ahh
DeleteUse ur mind ahhahaha
Deletewhy is it important to apply basic principles of graphics and layout in ICT?
ReplyDeletewhy is it important to apply basic principles of graphics and layout in ICT?
ReplyDeletesagot ka muna module mo monday na pasahan nyan
DeleteWhy is it important to apply basic principles of graphics and Layout in ICT?PLS GIVE THE ANSWER MADAFAKER
ReplyDeleteimportant to apply basic principles of graphics and Layout in ICT
ReplyDeletewhy is it important to apply basic principles of graphics and layout in ict?
ReplyDeleteWhat are the different principles of graphics and layout?
ReplyDeleteWhy do we have to follow the principles of graphics and layout, when we are going to make our own layouts?
ReplyDeleteWhat are the principles of graphics and layout that you have learned
ReplyDelete