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.
Today’s doodle is actually a design that has been in the making. I have been sketching and prototyping my own design company logo for a while, and today gave me the wonderful excuse to bring it to life!
Here is my own design company, Designs by Day, logo! I created this all in Illustrator. Georgia is the typeface. The filigree I created with the pen tool and was originally inspired by an image of two delicate leaves. I actually really like how it doesn’t necessarily look like leaves. It imply other ideas – my husband walked in to see my work in progress and said “Ooo mermaid tail!” I like that it is open to interpretation. I also appreciate the simplicity of it, and obviously the ability to be reduced in size and still be recognizable.
I am looking forward to placing this on my work going forward!
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.
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?
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
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.
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
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
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
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.
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 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.