300+ Smartphone Mockup PSD Templates

300+ Smartphone Mockup PSD Templates

A mock-up design is used to show the design and style in a meaningful way. Nowadays the presentation is pretty important as designs so it’s essential to discover the technique of pattern demonstration. We talked too much about this subject and then I don’t want to get you guys bored.

http://www.cssauthor.com/smartphone-mockup-psd/

Individual Presentation Schedule

Below is the schedule for the Wednesday night individual project presentations. Each presenter will have 10 minutes and this time limit will be strictly enforced to make sure we don’t run over time. The schedule will be a straight alphabetical order of the class roster.

Name Time (10 minutes)
Ayala,Elvis A 6:10
Dekhtyareva,Ilona 6:20
Fortunato,Jennifer 6:30
Gonzalez,Lissett A 6:40
Ivashkevych,Roksolana 6:50
Michel,Jefph 7:00
Pangilinan,Emily 7:10
Pena,Luis A 7:20
Ramos,Sheila D 7:30
Rivera,Steven 7:40
Smith,Yahir Y 7:50
Thitha,Reema 8:00
Wong,Yuen Mai 8:10
Zhang,Ming 8:20
Zoupaniotis,Chris 8:30

Instructional Resources-Web Design

Instructional Resources-Web Design

Blogs

Line 25

Web Design Blog

http://line25.com/

Responsive Layout Testers

A very helpful couple of tool for checking the how your website displays at different screen resolutions.

View Like Us

http://viewlike.us/

 

CyberCrab

http://cybercrab.com/screencheck/

Free Customized Feedback Form Wizard

http://www.thesitewizard.com/wizards/feedbackform.shtml

The above site is an excellent wizard that walks you through creating a simple PHP based contact form.

Informational Articles

Topic: Responsive Design

http://alistapart.com/topic/responsive-design

 

Responsive Web Design by ETHAN MARCOTTE May 25, 2010

http://alistapart.com/article/responsive-web-design

 

Wireframes | Mockups | Prototypes

http://www.creativebloq.com/web-design/jargon-wireframes-mockups-prototypes-51514898

 

10 Commandments of UI Design

http://www.designmantic.com/blog/infographics/the-10-commandments-of-ui-design/

 

Page Speed Load Checker

http://yslow.org/

Browser Checker

Open Source resource to check your sites browser compatibility

http://browsershots.org/

Mashable Post: List of some cross browser compatibility checkers

http://mashable.com/2014/02/26/browser-testing-tools/

 

HTML Email Info

HTML Email Article

http://www.leemunroe.com/building-html-email/

 

Hambuger Menu for Mobile

http://blog.g-design.net/post/42617934013/create-an-accessible-toggle-menu-for-mobile

 

CSS Only Dropdown Menu

http://red-team-design.com/css3-dropdown-menu/

 

Cool Web Page Galleries

www.coolhomepages.com

http://bestwebgallery.com/

 

Cool Portfolio Pages

http://www.danielwarrenart.com/

 

CSS Instructional Information

Introduction to CSS Selectors

http://www.creativebloq.com/css3/introduction-css-selectors-61515320?ref=webdesignernews.com

 

Web Frames Works

Kube Web Framework

http://imperavi.com/kube/

 

Responsive Grid System

http://www.responsivegridsystem.com/

 

960 grid system

http://960.gs/

 

Bootstrap

http://getbootstrap.com/

 

Skeleton

http://getskeleton.com/

 

Homework—Nov. 25

Assignment

Based on the in–class or outside testing you did of your low-fi wireframes create a series of hi-fi wireframes.
Remember you are walking the user through their initial sign-on and successfully completing one single task in your product.
Remember you have to be aware of what happens when the user makes a mistake. How do you guide your user to making the correct choices in your product and also provide feedback when an error is made.

For a quick reference on wireframes check out usability.gov:
http://www.usability.gov/how-to-and-tools/methods/wireframing.html

Online Prototyping APP

Marvel App

Marvel makes it easy to switch PSD files into usable prototypes. The product links to DropBox and picks up PSD layouts and then you use their easy-to-use editor to build prototypes in a matter of minutes. There’s a handy feature that lets you send out links to the prototype to others. There’s support for iOS, Android, and other operating systems too – so that you can ensure that the recipient can use the prototype. Best of all – it’s free to use!

https://marvelapp.com/

What is User Interface Design?

What is User Interface Design?

“User Interface Design is the process of crafting a visual language and hierarchy that allows someone to use and engage an application.”

At Fresh Tilled Soil we get this question quite often from prospective clients: What is User Interface Design? What does it entail? What does it mean? So many people define it in so many ways.

http://www.freshtilledsoil.com/what-is-user-interface-design/