For my mockups, I decided to use the new (so new it’s still in beta) Adobe Experience Design (Adobe XD for short). It’s a great tool to quickly prototype a website, and includes UI elements for Windows 8.1/10, iOS, and Android, along with robust tools to get you working quickly. Check out the mockups after the jump.
Before I began the Website Design I class here at Columbia College Chicago, I knew that this would come fairly easy to me, having been dabbling in website design since the days of nested tables and Internet Explorer’s dominance. What I didn’t expect was to learn a thing or two of why I code some of the things the way I do. I think it had become second nature to me to copy things that worked from other sites, and implement things from tutorials, but I didn’t always understand why they worked.
For my final project in this class, I wanted to redesign the website of New Wave Coffee in Logan Square (where I am currently enjoying a cup of coffee and editing my blog). Their current site consists only of their logo, their hours, their address, and their phone number. I felt they should have a little bit more robust website.
You can create beautiful drop shadows in CSS without the need for images (you know, like back in the olden days). With just a little CSS, you can create a few different drop shadow effects, like lifted paper drop shadows, perspective drop shadows, horizontal curved drop shadows, and vertical curved drop shadows. The example code is taken from a drop shadow demo page from a few years ago.
I’ve been working on my final project website, and have decided to incorporate flexbox into my project. I’m surprised at how easy it’s been to work with once I got over the learning curve. Fortunately, the learning curve isn’t that steep.
Sharlene King, Programming Director for AIGA Chicago and designer at Morningstar, Inc., takes on for-profit design school marketing propaganda aimed at aspiring graphic designers in an article on her blog entitled “13 Realities of Being a Graphic Designer”. Some of this could also apply to our school, Columbia College Chicago.