Entrepreneurial opportunities with The DEN

The DEN logoThe value of entrepreneurial opportunities for Clemson students really can’t be underestimated. Clemson GC has a brand new section of The DEN, which stands for the Design and Entrepreneurship Network, this Fall semester in partnership with the Bioengineering and mechanical engineering divisions. I am hoping to see other departmental divisions pop up around campus and join in the excitement next semester.

The DEN was started by PhD student, Bre Przestrzelski and Bioengineering faculty lead, Dr. John Desjardin. Throughout the semester, students get to participate in a network of activities, mentors, cross-disciplinary student groups, guest speakers, and field trips which pave a new path for student entrepreneurs. Continue…

Jumping in to Google+ (and getting the most out of it)

google+ red logoI completely understand, getting on Google+ the first time can be a little overwhelming, especially when it is a requirement for a class. But, G+ is not a traditional social media network and can become a great resource for many reasons. One of the most important things to keep in mind is that Google gives some priority in indexing a site that uses it’s network to post. In other words, it can benefit your site’s SEO to become actively engaged in sharing content on Google+.

Below is a huge collection of links for Google+ that can help you whether you are a first time user or an old hat at plussing. There are even more links on the original post, which can be found here-View post on Google+. So explore the resources below and then jump into Google+ to see what you can find!

Reshared post from +Denis Labelle
How To Google And Google Plus
First, Take a Tour of Google+ -> goo.gl/5WTMTP

I. 50 Google+ Tips
50. Create A Killer Hovercard: goo.gl/ifDhJW
49. Sharing to Circles vs. Publicly: goo.gl/1qr0YO
48. Google+ Communities: goo.gl/NC21Ly
47. Share Your G+ Posts on Other SM : goo.gl/QeefiD
46. Report Issues With G+ or Suggest Ideas: goo.gl/FywX2c
45. Create A “Save For Later” Circle: goo.gl/PmBRWf
44. Add A Large Image To Your Post: goo.gl/lVr3yj
43. The Various G+ Keyboard Shortcuts : goo.gl/7BaxMs
42. Share Someone Else’s G+ Post : goo.gl/DYJo3U
41. Create A Mini Blog on G+: goo.gl/zEVIOM
40. Host A Google+ Hangout: goo.gl/2P0n0Q

Continue…

CSS reset: what and which?

Choosing not to use a CSS reset can really effect your code when you first start coding your site and look at it across browsers and in the long run create more coding hassle. Have you coded a really basic website for one of your assignments before and it looked fine in Chrome, but when you opened it in Safari or Firefox, it had a weird border of padding around it? Many of our beginning coding assignments don’t use a css reset, so some rules from the browser (which vary from browser to browser) are effecting the display of your code.

Every browser has it’s own set of built in CSS that it applies to the site if you haven’t specified otherwise. This is called the user agent stylesheet. You have probably noticed it when you are using Chrome Developer tools and see a greyed out rule in the css that can’t be changed, but it applying to your element.

user agent stylesheet can be overridden by attaching a reset.css

The greyed out rules circled in red are from the browser applied user agent stylesheet. The only way to change these is to add css rules to your style.css to override them.

Continue…

The history of film editing

I’ll admit, I love infographics and I definitely love great film. So today I wanted to share an infographic made by Adobe that shows the history of film editing. There is no doubt of the importance of editing as a tool for telling a story through film. Although it is sometimes considered “the invisible art” (because it is only noticeable when it is done poorly), good editing is an art-form and the final step to forming the film in the vision of the director and other artists involved in production.

This infographic on the history of editing shares some facts you probably already knew and some that are new. For instance, you probably new that film editing was done with splices (cuts) and tape, but did you know that was the way all films were edited until the 1960s? This infographic also shows the evolution of linear into nonlinear editing which was introduced in the early 1970s.

history of film editing

Continue…

Interaction design and web animations

Animation timing and interaction design

Animation timing and interaction design

Have you ever thought about what makes a particular app great? You know, something about the design just feels right?

All of the design decisions- from fonts to colors to graphics to motion effects- on an app or website work together to create a consistent feeling in users. Sometimes the combined effect is positive and we love to shop, visit, play at a particular site and other times it just feels wrong and we are not likely to purchase or visit that site again.

According to this article, Guidelines for Animation Timing, a lot of our perception of great design comes from what happens in the in between states, which is called interaction design. Think of hovering, clicking, motion animations- those sorts of things. Some examples of interaction design is how the page turns when we are reading a Kindle book or how an app reacts when we click on an internal link. Continue…

Data is necessary for design decisions

Netflix redesign relies on dataAs graphic designers, we often feel like we know instinctually how to best design a website, logo, or brochure. It is true that the more practice you have in any art, the more you develop keen instincts on how to create better artwork, but it is probably a little dangerous to rely solely on instinct when designing successful client projects.

Have you noticed how often Google services change the layout of their products? Sometimes the constant changes are enough to drive you crazy, but sometimes you go to the page and think “wow, they must have heard my thoughts, this site is so much easier to use now!” Continue…

Studio lighting: painting with light

Once discovered, studio lighting can become a photographer’s best friend. With studio lighting, you are no longer having to wait for golden hour or the perfect cloudy day to capture your subject, you can recreate perfect lighting any time of the day or night with a little bit of knowledge and practice. As a photographer who loved shooting outdoor portraits, once I begin to understand the extent of control and possibilities of controlled lighting setups, I was hooked!

With studio lighting, a photographer can literally “paint” his or her subject with light and shadows. By deciding where on the subject you want a shadow to fall and choosing the right type of light source, the manipulation of light and shadows on your subject is endless. And even more importantly for a beginning studio photographer, it is predictable and repeatable. Light travels in a straight line until it hit something where it is either absorbed or reflected.

Continue…

Styletiles tool to communicate with clients

One of the most difficult jobs of a web designer is to accurately communicate with clients. Some clients have a very good idea of what they want their website to look and feel like, but have difficulty communicating their vision. Then there are clients that hand all the creative decisions over to the designer, but then can’t figure out what they don’t like about the mock-ups of the proposed design. Either way, as web designers, we need to come up with quick, easy ways to get our ideas down in a way that visually communicates the website design to a client in a clear way.

Style tiles are a way to create style guides for a website prior to building it.

Style tiles are a way to create style guides for a website prior to building it.

 

There are many tools out there for this purpose, but lately, I’ve been interested in the process of using style guide, especially on team-based projects. One tool that serves this purpose is Styletil.es.”A Style Tile is a design deliverable consisting of fonts, colors and interface elements that communicates the evolution of a visual brand for the web.”  Continue…