Daily Doodle 6/29/20

I’ve been wanting to sketch a face lately. It’s been a long time! I love sketching faces – especially eyes! A masked face is what has been in my mind lately for obvious 2020 Coronavirus reasons….

This was done with pencil and a sketch pad with textured paper.

Daily Doodle 6/26/20

Today’s doodle I call “Backyard Dreaming”. I’ve been working on redesigning my backyard. Well it’s really a back patio. It’s only 14 feet in depth, which really doesn’t give anyone much room to do anything on the grass that really is just weeds. Also there is a slope, so even standing out there you feel lopsided. Once I realized I could make it into a magical patio, rather than a small patch of grass, the world opened up to me.

I want to level the ground out and put in pavers for the ground. Along the edge of the fence I want to build a retaining wall for dirt and plants, and maybe another sitting surface. I want to put in an arch trellis on the other side of the fence and grow some amazing flower vine on it. Plus I want to bring in a couple planters and grow another flowering vine along some trellises on the back of the house. And of course STRING LIGHTS! Amazingly I already have the string lights up. And they are amazing.

This doodle is primarily for a design use. Obviously I would have some chairs, maybe a hammock and a fire pit out there. And once people can gather again, I would have all my friends and family out there! Thankfully I have the whole quarantine summer to work on it.

This sketch was purely done with good old paper and pencil. Some of my perspective is a little wonky, but I am actually very pleased with it. I feel like I really created the vision that is in my head.

Daily Doodle 6/24/20

Here is today’s doodle! It was a concept I thought of a while ago, and sketched by hand in pencil, so it was really fun to bring it to digital life! I’m a huge Disney fan, so contributing to the Disney fan art out there is exciting. I have a few more ideas in store for Disney themed creations.

I realize I need to create a signature or watermark for my pieces. Task for tomorrow’s doodle!

I only used Illustrator this time. I definitely learned a new way to use the grid tool and pathfinder to create and individually edit the squares.

Daily Doodles

Now that it is officially Summer 2020, and I’ve been out of my house for only 3 total days since March 8, 2020 – and going back to work full time doesn’t look like it’s going to happen any time soon – I have decided to begin a new daily task. I still intend on keeping my other daily tasks of remodeling my garden, and learning JavaScript, but I needed something a little more free-form and creative. I’ve decided to begin doing Daily Doodles.

My Daily Doodles will be a chance to practice my sketching skills, exercise and expand my use of Adobe Creative Suite apps, and de-stress a little. I don’t have any plan other than to sit down and create a little something everyday. I am really excited to get this going.

Here is my first Daily Doodle for June 23, 2020:

I used both Illustrator and Photoshop on this one. I appreciate Photoshop a little better for sketching and blending purposes. I also feel like I have more options for media and media mixing than in Illustrator. This is something I will explore further. I would love to be able to blend colors and layers like you can in Photoshop, in Illustrator. But I guess if Photoshop gives you this option, then what else do you need?

I love drawing.

DDSN 360: Glossary 8

Glossary 8

Digitization is certainly challenging the old ways of doing things, whether that’s in publishing or politics. But it’s not the end. In many ways, it is just the beginning.

— Heather Brooke

User Interface Design – Fall 2019

Glossary 8

  • JPG: (or JPEG) stands for Joint Photographic Experts Group. It is a compressed digital image format established by the aforementioned group.
  • GIF: stands for Graphics Interchange Format, and it was created by developer Steve Wilhite in 1987 at CompuServ. This format allows for image size reduction without the loss of quality. In 2019 “GIF” is a household term, and shared on the Web billions of times a day. There has been a long standing debate, even since its creation, regarding the pronunciation of the acronym, between using a soft or hard “g” sound.
  • PNG: stands for Portable Network Graphics. This is an image file type that supports lossless data compression.
  • Lossy Compression: This is also known as irreversible compression and it is a type of data encoding that uses approximation and partial data discarding to make files more transferable.
  • Progressive Image: A progressive image is a file that loads in progressive waves so it can load faster, rather than all at once, which can take longer.
  • Dithering: Dithering is using a limited color palette on an image, but which uses more universal colors that more widely used screens can interpret.
  • 8-bit color: 8-bit color graphics are a way that image data is stored. Each pixel is stored as one 8-bit byte.
  • Hexadecimal: Hexadecimal is a numeral system made up of 16 symbols. The symbols are the decimal symbols plus six extra symbols.
  • Transparency Matte: A channel that determines the transparency of an image, or section of an image.
  • Image Map: An image map allows you, in web coding, to identify different parts of an image as different links.

DDSN 360: Glossary 7

Glossary 7

It is easier to feel than to realize, or in any way explain, Yosemite grandeur. The magnitudes of the rocks and trees and streams are so delicately harmonized, they are mostly hidden.

— John Muir

User Interface Design – Fall 2019

Glossary 7

  • Iterative: As in an iterative process, or iteration, is a method of repeating steps until an outcome is met. An algorithm is a formula which repeats to find various outcomes.
  • Paper Prototypes: Paper prototypes are hand sketched designs, usually used in the user-centered stages of design exploration. Making paper prototypes is the time and cost-effective way of demonstrating design ideas to shareholders before going too far in the process, and wasting time on a design that ultimately the shareholder may not approve of.
  • Low-Fidelity Prototypes: This is a version of a design that is still in a sketch mode of quality and clarity. The design has not been quite refined yet, but the basic ideas are there.
  • High-Fidelity Prototypes: This is the more defined and interactive version of a user interface design. This version is usually incorporated into some kind of software to demonstrate to a shareholder how to interact with it. More colors and shading choices are involved.
  • Heuristic: Derived from the Greek word for “to discover”, heuristic technique is the method for making something easy and quick to learn and understand. This is another way of describing the learnability of an interface.
  • Rollovers: Rollovers are images or icons that change when your cursor “rolls” over them. For example a link in a paragraph may change color when your cursor is hovering over it to indicate that it is interactable.
  • Front-end development: This is the development side of Web or User Interface Design that the user will see, and ultimately interact with. This is the visually pleasing side of Web Design. This side handles the color, typography and layout design choices, for example.
  • Back-end development: Back-end development is the mechanics of the site or User Interface. It is the code and security, the content management system and database. The back-end developer works in tandem with the front-end developer to create a functioning final product to the user.
  • Below the Fold: “Below the Fold” refers to the part of the website that you must scroll down to see. This comes from the printed news paper reference for what is printed below the actual physical fold of the paper. This part of the paper, or the website takes effort for the user to see it, so it is not as valued as real estate as “Above the Fold” real estate.
  • Favicon: A favicon is the tiny icon that shows up in your browser tab, bookmarks list, url or shortcuts for websites. It helps to promote your brand. A user will respond to a visual image quicker than a long url of text if seen in a list with other urls. It helps your site to stand out and have an identity.

Final Project: Wireframe Sketches

UI Design Assignment 7a

Initial Sketches: Concept A

Initial Sketches: Concept B

Refined Sketches: Concept A; Desktop

Refined Sketches: Concept A; Mobile

Refined Sketches: Concept B; Desktop

Refined Sketches: Concept B; Mobile

%d bloggers like this: