Skip to main content

Home/ TWC301: Multimedia Writing/ Contents contributed and discussions participated by Alex Portela

Contents contributed and discussions participated by Alex Portela

Alex Portela

Visual Movement - Flow in Web Design | Codrops - 0 views

    • Alex Portela
       
      This site has great visual ad examples to show and demonstrate coordination of color and shapes that help the flow of design deliver easy to read messages. Color and lines are exemplary here.
Alex Portela

Does Your Design Flow? | Van SEO Design - 2 views

    • Alex Portela
       
      This shows great examples of how eye movement is essential. The design has to make sense and easy for for the eye translate and interpret the message.
Alex Portela

D#7 HW# 1.1: Design Principles - Design Principles for Websites - Elements of Web Design - 0 views

    • Alex Portela
       
      Chapter 7 refers to flow as either a visual and/or verbal path movement of how the eyes flow across a design. This site refers to a link for more detail: http://webdesign.about.com/od/webdesignbasics/ss/flow-in-design.htm
Alex Portela

How to Drastically Improve Your WordPress Blog's Comments | Webdesigner Depot - 0 views

    • Alex Portela
       
      This site goes more into the basic perspective approach to improving your blog but improving its content. Displaying avatars is one I've seen but not yet pushed. Also making the comments area more attractive helps entice responders.
  • Make the Comments Area AttractiveIn addition to all of these tips, improving the UI of the comments area is also important and will make comments more readable.
  • Display Avatars Avatars let readers show a bit of themselves on your blog. There are two popular ways to add avatars in WordPress: Gravatar and Twitter.
  • ...1 more annotation...
  • The WordPress Codex explains how to set up Gravatars, and Smashing Magazine goes over Twitter avatars.
Alex Portela

How To Improve WordPress Excerpt Without a Plugin « Boutros AbiChedid - 0 views

    • Alex Portela
       
      This site shows how to add Excerpts without the use of plugins, simple code changing does the trick. Here the author provides the codes to make that happen. It's a nice little addition to write a short description about the post.
  • The beauty about this code is that it takes care of both scenarios: the manually added and the automatically generated excerpts; which means that you can have both manual excerpts and auto-generated excerpts for your posts with no issues.
Alex Portela

D#6 HW#6.2: How to improve wordpress templates | optimize your wordpress based templates - 0 views

    • Alex Portela
       
      This site helps tidy up and customize your wordpress to look unique but I have to say after reading information from http://interconnectit.com/679/a-common-sense-wordpress-security-primer/ , I prefer not to use 3rd party plugins. A lot of this is coded customization like how Myspace.com first use to be.
  •  
    This site helps tidy up and customize your wordpress to look unique but I have to say after reading information from http://interconnectit.com/679/a-common-sense-wordpress-security-primer/ , I prefer not to use 3rd party plugins. A lot of this is coded customization like how Myspace.com first use to be.
Alex Portela

D#6 HW#6.1: How to Improve WordPress Security | Interconnect IT - WordPress Consultants... - 0 views

  • Editing of Themes and Plugins Through the Admin Interface
  • Poor Passwords
  • Poor mySQL Server Security
  • ...7 more annotations...
  • Allowing User Registration
  • Firewalls
  • Putting your server behind an appropriate firewall can help with certain types of attack.
  • Server Permissions
  • Shared Hosting
  • Always Log Out When Finished
    • Alex Portela
       
      This is a useful site which tells me about the security of this site. This is the reason why I use fake name for many of these programs and release very little personal information. Several of the other sites talk about upgrades of this program with plugins. This site advises against it and how to set up stronger passwords and not to link personal MySQL server to connect remotely if working on a project with another computer. So updated security is essential and avoiding 3rd party plugins can be important.
  •  
    This is a useful site which tells me about the security of this site. This is the reason why I use fake name for many of these programs and release very little personal information. Several of the other sites talk about upgrades of this program with plugins. This site advises against it and how to set up stronger passwords and not to link personal MySQL server to connect remotely if working on a project with another computer. So updated security is essential and avoiding 3rd party plugins can be important.
Alex Portela

Composition and Design Principles - 1 views

    • Alex Portela
       
      This site specifically outlines examples also explained in the book about unity. Lines, shapes, images, colors, textures and other effects can be creatively laid out to give variety and depth draws more attention to the subject. The butterfly is a great example of that uniformity as well.
Alex Portela

D#6 HW#1.2: Repetition - 0 views

    • Alex Portela
       
      Repetition is visually exemplified here. A floral design in a abstract scrapbook image shows repeat squares and flower shaped images conservatively spread out. They review points such as shape, type, weight, and color (etc). All of which bring "unity" according to the text.
  • Line.
  •  
    Repetition is visually exemplified here. A floral design in a abstract scrapbook image shows repeat squares and flower shaped images conservatively spread out.
Alex Portela

D#6 HW#1.1: Harmony In Design Part 2: Repetition » SitePoint - 0 views

    • Alex Portela
       
      Repetition is a great technique that goes along well with balance. It helps create more visual effects to catch the eye. Here we learn that images and text need uniformity and repetition.
  • repetition
  • Design elements can be photographs, illustrations, type, headlines, backgrounds and textures (and anything else you might like to add to your design)
  • ...2 more annotations...
  • visual harmony is the agreement or balance between design elements.
  • Two or more identical, or near identical elements are not only an expression of visual agreement, but the repetition also helps to catch and draw the eye into your design.
Alex Portela

Aligning Elements in Web Page Design - 0 views

    • Alex Portela
       
      Page 92 of the text refers to Grids. I like how this site demonstrates how grids are useful guides to really perfecting a design. It shows strong and weak examples and the effect alignment has on the viewers.
Alex Portela

Alignment in Graphic Design - 0 views

    • Alex Portela
       
      The textbook refers to centered and justified techniques in aligning the text so that it becomes very readable. The book also mentions to avoid "rivers" in text so the justified effect has to be done properly.
Alex Portela

D#5 HW# 1.1: Design Notes: Alignment - 0 views

    • Alex Portela
       
      Alignment involves the visual effect of setting object or text in an order that is comfortable for the viewer and deliver proper impact. Edge and Center are main concepts. Fine points impact the placement of them object where it makes more sense and balances the picture.
  • ALIGNMENT
  • Items can line up either along their edges or on their centers. Alignment is used extensively to organize all graphic arts. Almost all text uses alignment to organize lines of type. The letters align along their bases and the lines begin (and/or end) along a line
  • ...8 more annotations...
  • There are two major types of alignment: edge and center.
  • EDGE ALIGNMENT Any object with flat edge(s) can be used for edge alignment. Rectangles are especially well suited for this since they have four flat edges to align. Their right angels also give a sense of order to a composition using them (similarity).
  • CENTER ALIGNMENT Any shaped items can be organized using center alignment. Simple shapes work best because it is easier to judge their centers so the alignment is easier to notice.
  • FINE POINTS
  • The edges of information within a picture can also align with other edges in a composition. This technique can add subtle touches to a composition.
  • Centering in a negative space is a kind of alignment. This works best when there is some other alignment to back up the centering.
  • Narrow strips of background between pictures and text blocks are called gutters.
  • Inserts are words or images that overlap other images. They can partially overlap or be completely inside. They make a compact package of two or more sets of information and can conserve space or hide unwanted areas in an image.
Alex Portela

Is Your Web Design Balanced? | Van SEO Design - 0 views

    • Alex Portela
       
      This site describes the physics explanation of balance. And demonstrates this visually. Many things can create balance, like color in a painting or the size of objects on each side.
  • Symmetrical balance is like having our fulcrum in the center of the lever. To achieve balance we need to have elements of equal weight on both sides of a central axis.
  • Balance in design works the same way as a lever or see saw. Your design will have a vertical (or horizontal) axis and the weight of the various elements on either side of the axis and their distance from the axis will determine if your design is balanced.
  • ...7 more annotations...
  • There are two kinds of balance that correspond to our lever images above, namely symmetrical and asymmetrical balance
  • Size – As you would expect larger elements carry more weight Color – It’s not fully understood why, but some colors are perceived as weighing more than others. Red seems to be heaviest while yellow seems to be lightest. Density – Packing more elements into a given space, gives more weight to that space Value – A darker object will have more weight than a ligher object Whitspace – Positive space weighs more than negative space or whitespace
  • Balance is important in life. Work and play; diet and exercise; yin and yang. A beautiful face is often a matter of the right balance of features. Balance is also a very important design principle. It will help you create an aesthetically pleasing whole and help you better control flow in your designs.
  • Symmetrical balance tends to be more formal and more static. It evokes feelings of consistency, elegance and classicism.
  • Asymmetrical balance is like having our fulcrum off center. Unequal weights need to be placed on either side of the fulcrum in order for balance to be in equilibrium. Visual weight will not be evenly distributed around a central axis and often you’ll find one dominant form on one side of the axis offset by several less dominant forms on the other.
  • Radial balance – all elements radiate in or out from the center. Think beams of light coming from the sun. It’s easy to maintain a focal point in radial balance as it will always be the center.
  • Mosaic balance – many elements on the page create a sort of balanced chaos. Think of a Jackson Pollack painting. Mosaic balance lacks hierarchy and can look like noise. It’s harder to define a single focal point in all the chaos.
Alex Portela

D#4 HW#1 - 0 views

    • Alex Portela
       
      This site refers again to symmetrical and asymmetrical. It also reviews radial, horizontal, and vertical approaches to balance.
  • To balance a composition is to distribute its parts in such a way that the viewer is satisfied that the piece is not about to pull itself over.
  • instead of having actual or physical balance, the artist needs to create an illusion of balance, referred to as visual balance
  • ...6 more annotations...
  • Asymmetrical Balance
  • Symmetrical Balance
  • Balance.
  • Radial Balance
  • Horizontal Balance
  • Vertical Balance
Alex Portela

Principles of Design Balance Scale Emphasis Texture Value visual elements - 0 views

    • Alex Portela
       
      This site talks about symmetrical and asymmetrical balance which relates to the book in terms of "organization" and also direction. How certain things are laid out need to catch the viewers attention effectively. Texture is also mentioned on this site and the book. Texture helps the eyes of the reader/viewer flow through the page in the intended direction.
Alex Portela

Fully Understanding Contrast in Design | Webdesigner Depot - 1 views

    • Alex Portela
       
      The book describes on page 56 that there are a variety of contrast techniques. Color is a noticeable contrast but we learn that this is only part of many methods. This site gives a variety of different techniques like color, size, shape, and position.
Alex Portela

D#3 HW#1.1 Contrast - Basic Principles of Design - 0 views

    • Alex Portela
       
      In the text book Basics of Design page 44 it specifically gives examples of contrasting with letters. Figure 3-6 uses thin lines for the work "thin" and a wider font for the word "wide". This website specifically gives an explanation of the text word uses.
  • Contrast in design is an accentuation of the differences between elements in a design
  • contrast can work with any design element
  • ...1 more annotation...
  • Change the fonts. The font size, font weight, or font family can all provide contrast to your text. Headlines provide a lot of contrast to surrounding text. Links provide great contrast in text. The color change and the addition of an underline work well to contrast from the surrounding text. Use different sized images and elements. If you have a section of text that is the primary focus of a page, you might make it large and all the
Alex Portela

D#1 HW#13.3 - 0 views

  • write to help you succeed, profit and grow in today's cutthroat business environment. Our goal is to write the copy you need, so that you can expand the number of new leads and customers you generate each month and make more sales.
    • Alex Portela
       
      Web services that provide copywriting. Effectively done this can help generate more business. Impact on the style of writing plays a big factor as well.
  • Motivate your prospects and customers. Capture their interest and virtually command them to buy now with powerful, persuasive words that sell. Whether you need order-pulling Web copy, punchy print advertising or on-target long copy writing,
  •  
    Web services that provide copywriting. Effectively done this can help generate more business. Impact on the style of writing plays a big factor as well.
Alex Portela

D#1 HW#13.2 - 0 views

    • Alex Portela
       
      The main concept in CH1 identifies the importance of the design process through various steps. This site specifies web site building application and how to make it simple for the average viewer.
  • REST In simple terms, REST is a set of principles for structuring a web application and RESTful refers to an application that follows those rules. Within a RESTful MVC application, controllers are limited to a standard set of actions to perform: Index—displays a list of items of a particular type Show—displays the details of a specific item New—displays a form for creating a new item Create—saves an item to the database using the data from New Edit—displays a form for editing an item Update—updates an item in the database using the data from Edit Destroy—removes an item from the database
  •  
    The main concept in CH1 identifies the importance of the design process through various steps. This site specifies web site building application and how to make it simple for the average viewer.
‹ Previous 21 - 40 of 47 Next ›
Showing 20 items per page