Page Layout: Follow the Rules or Break them.

In the reading, Haslam “Layout”, I realized that there is so much to designing a page layout for a book or magazine. With twelve different types of page layouts to pick from, you need to pick the one for the kind of book or magazine you are writing/creating. You have layout using running text, text-based works of reference, text supported by images, multiple narratives: side story, using images in columns or rows, multilingual publishing, a modernist grid, pictorial pages supported by text, the spread as wall chart, comic books and graphic novels, passe-partout: the use of frames, and full-bleed pictures. I always thought it was up to the author of the book or magazine on how the layout of the content was going to be. Instead, it is a science to laying out the pages of a book.

Integrating text and image: working to your own rules:

                Today, some designers are developing layouts that are less to do with visual arrangement rather based on the systematic application of a set of internationalized “rules”. Using the Secret Laws of page layouts seem to be confusing. I believe that is why some designers today develop without using these rules.

Books on visual culture

                Books about visual culture, architecture, design fashion, furniture, and art are growing. Some books are manuals, while others give ideas for design fashion and architect. I enjoy looking at home design and architect magazines to get ideas for re-modeling our house.

Photographic books

                The designer usually works closely with the photographer to order the pictures, also deciding how many should be paired on a spread. This may tell a story or order contrast. You should carefully consider the relationship between the photographic format and that of the black page, while others work better on a gray or white page. The caption positioning and style should complement the pictures, not create a distraction.

 

TAI-spread2

The above layout to me does not work that well for me. My eyes just jump around the content.  It seems a little busy. Not sure how other people think about this layout.

 

objectadjective

The above page layout, I like. It is for a biography book or introducing fellow works of a company. It is straight forward and easy to read.

 

I understand the two layouts are not for the same type of book, but I feel if you get to “wild” it may make it hard to read.

 

Questions:

  1. Do you think when designing a layout page, you should follow the secret laws of page layout or break the rules and design the pages totally different? Why?
  2. On an Autobiography, would you use one small image on a page or start the first page, of the content about the person, or use the top half of the first page, then the content.
Advertisements

Image Optimization

Image optimization is both an art and science: an art because there is no one definitive answer for how best to compress an individual image, and a science because there are many well developed techniques and algorithms that can significantly reduce the size of an image. Vector art reflects the art side side and the optimizing is the science part when you reduce the size of the file for downloading.

Eliminating and replacing images

Vector images are geometric shapes.

Raster images are irregular shapes and details.

When selecting the right image format, you need to select the right universal format: GIF, PNG, or JPEG. Experiment and select the best settings for each format. Consider adding WebP and JPEG XR assets for modern clients. For example: Do you need animation? Do you need to preserve fine detail with the highest resolution? Are you optimizing a photo, screenshot, or a similar image asset?

Working with tools, there is no one perfect tool to use. For best results you have to pick the format and its settings depending on the contents of the image. Once you’ve found a good set of settings. you can apply it to most of the images you use. But do not assume that you can use those settings for every image.

There is a image optimization checklist to use.

  1. Prefer vector formats.
  2. Minify and compress SVG assets.
  3. Pick best raster image formats.
  4. Experiment with optimal quality settings for raster formats.
  5. Remove unnecessary image metadata.
  6. Serve scaled images.
  7. Automate, automate, automate.

Adding/Deleting Objects from photos.

The left photo is the original and the one on the right shows an added bird. I used Adobe Fireworks software to add the bird. I used the Marquee tool to copy and then paste the image. I then moved the copy over to the right and aligned the bird on the wire.

 

The above pictures, of the German Sheppard, was to remove the background. I used Adobe Fireworks software to achieve this. I first started with the wand tool to remove a lot of the background. Then I used the eraser to finish removing the rest of the background.

When I went to approach on how I was going to  add and remove these items on these pictures, I first loaded the pictures into Fireworks. Then I decided which tool was best for the task at hand. It was a fairly simple task to do.

SpaceX Website Project

I created a website called SpaceX Dragon. It was interesting and fun website to create. The biggest issue I had was the layout. Laying out a website is tricky and is where you have to be creative, keeping it interesting, and want people to stay and see their is available. Having someone look at your so called rough draft, is very important and is very rewarding. This allows you to find out how people like what you created. After all, you want people/users to have a great experience when visiting your website. With us being developers, we see the website in one way. Having someone else, that is not a web developer, allows you to find out how the site really works.

The more websites that I create/code the better and easier it should get. The biggest struggle for me will be being creative. I enjoy the tough task and the idea of being pushed to my limits and succeeding. My other classes that I am taking, have taken, and will take should help me with my creative mind.

Here is the URL for my created website: https://chrislewis-ruby-christopherlewis.c9users.io/dragon/index.html

 

Reflective Practice

Back in 2012-13, I was working for a company called Labinal Services. We were a contractor for Falcon Jet. We installed wiring harnesses and added computer components on private jets. There were two sides (teams) that worked on different kinds of planes and were stationed in two different parts of the plant.

At one point, The side that I was on, The computers were done. We could not clock in or out for the work day. The only way we could actually do this was to walk to the other side of the plant and clock in and then walk back to where our morning meeting was held. The big issue with this was we had to either get their very early or hope the supervisor manually clocked us in and out for the day. We were told that the supervisor would sign us in of a morning and clock us out for the day. We had to scan our Falcon Jet badge to get pass security, which logged a time we went in. That time is what the supervisor was suppose to be using for our time sheets. 

After the first week, we noticed that we had no time logged for our time for the previous week. Which ended up we did not get paid for that week. I ended up asking why and found out that the supervisor did not enter our time manually. So, I ended up having to call payroll and then they had to contact the supervisor that I actually worked. I then did not get paid for another two weeks. Of course, I fit the fan. This was the start of an ongoing problem. Every morning I would mention about our time not being entered into the system for us to get paid. I felt very mad and frustrated. The only thing that influenced the situation was that we were told that they are working on the system. I was repeatedly talked to and even written up for my comments and and actions. We NEVER seen anyone at the computer to fix it. I learned that companies end up worrying about the company it self and not to much about the employees. 

At the end, the company did get a new computer and had to get a new network cables and router in place to solve the problem. This took about two-three months.  Eventually I was laid off. The company said that I did not pass my certification test that Falcon Jet gives once a year. The company would not show me my test scores when I asked for them. In the past, we could see our scores. I believe they laid me off for my actions during the downed computer. I expected the outcome, but just thought it would have been sooner. 

The only thing I could have done differently, would arrive earlier and walk to the other side of the plant and clock in myself and not have someone else to depend on my time worked and paycheck. In the future I will try to find a better solution for whatever problems arise. 

Reflection on Ethical Feedback

I had a friend look at my rough draft of my website. He told me it was pretty good, but I could do better.  For instance, add a little color to the table. It will make it easier to read the faq’s page. He also suggested adding a few more pictures.

I did add color to my table on the faq’s page. I put every other color a lite gray color. It is easier to read and find the questions vs the answers. I then did add a few more pictures.

Overall, what I learned was that having someone or some people look at your work, it will help you find mistakes, give more ideas, or you can find out what other people think of your work. You do not have to change a certain layout (unless they are paying you and it will be theirs), but you can find simple mistakes that do need to be addressed.

Website Critique

The website Dodge.com is laid out very well. It has good looking pictures and videos of all of the products the company offers. You have 6 main tabs along the top that you can find any and all information about what Dodge offers. You also can find sales and rebates on the vehicles. You can build your own vehicle and find out how much it could cost you and where to find a vehicle like the one you built. The website flows real well and is user friendly. This is one of the few sites that I can say is user friendly. I personally would not change or add anything to this website.

 

The picture above is from MotorAuthority.com

Tips & Tricks of Google Search

I have found that query keywords will help me in my searches in google. I have been searching the hard way. Now, I know I can use keywords to make my search easier and faster. When searching for homework assignments, it will speed up the time it takes to write an essay. Plus I will find what I really need to find. Another tip I have discovered is, word order does matter. I really did not think the order of the words made much different, but it does. Control-F is another trick when searching for essay research. This helps you find text that is directly related to your paper or assignment. The define trick will help me understand what some words are and will expand my knowledge.  The site operator  is another great tip I discovered. This will allow me to get information from a certain website. I will definitely use this when doing writing assignments. These trips & tricks are very helpful and will save me time on assignments, whether it is for school or personal.

Web Based Services

I have started using IFTTT. I have started some applets to better organize and manage my school assignments. These applets will also help when I start my own business. There is an applet that tracks worked hours, manage contacts, promote your business, and send you an email when your company is mentioned on Reddit.com. A couple of these I  will start when my business is created. The applets I have selected all work with the google apps like the spreadsheet and google docs. The google apps have been a very easy way to store information and documents, that are able to be accessed from any computer. This web service is a good way to help manage daily life and make life easier. So far, I have not found any cons with this service.