Learn exactly how to take your initial concepts and turn them into web designs from Jose Caballer.
Annotations
—
3:25 The brand attributes help to define your design
5:08 Crafting the value proposition
7:08 Stylescape foundation
10:18 Research which competitor design features to emulate and which to avoid
14:48 Grid Systems
17:06 Sketching Basic UX attributes
21:19 Incorporating the typography and graphic elements from the Stylescape
23:06 Level up your presentation: using the brand attributes and value proposition for copywriting
25:40 If your comps are going to be given to a developer, align elements within grid.
27:30 Remain congruent between your Stylescape and the web design
30:47 Conclusion
After Show QNA
—
32:05 Q: What device should you base the resolution on?
34:45 Curating Taste: What you place in your Stylescapes matter
38:12 Clarity of design
39:03 Q: What recommendations would you have for print designers transitioning from print to web?
39:48 Working With Flexible Grids
Media Drop
—
960 Grid System – http://960.gs/
Special Thanks to our Sponsors:
Shutterstock – http://www.shutterstock.com
Media Temple – http://mediatemple.net
This is Ground – http://thisisground.com
_________________________________________________
👉Subscribe: https://goo.gl/F2AEbk
👉See our Academy Channel: https://goo.gl/vB9zoP
Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
https://goo.gl/bRt5qd
—
Love the content? Become a sustaining member for $5/mo today.
https://goo.gl/nwekfL
BOOKLIST –
Essential Reading for Creative Professionals: http://bit.ly/2UtftOb
Essential Design Books: http://bit.ly/2UtftOb
Kits & Proposals:
https://goo.gl/mSjuWQ
Visit our website:
https://www.thefutur.com
FREE resources:
https://goo.gl/Qh6gHr
Mandarin (Chinese) Subtitles on UiiUii
https://uiiiuiii.com/?s=the+futur
—
We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404
USA
—
OUR AFFILIATE LINKS
Webflow: http://bit.ly/2EbET9l
Retro Supply Co.: http://bit.ly/2GW8gzR
Skillshare: https://goo.gl/YCo2uT
Amazon: http://bit.ly/thefuturishere
Creative Market: https://goo.gl/g4jlTE
Design Cuts: http://bit.ly/2GSsAR3
Epidemic Sound: https://bit.ly/2T647tR
Bring Your Own Laptop Tutorials: byol.me/thefutur
By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
—
🎙 Futur Podcast: https://thefutur.com/podcast/
✍️ Futur Blog: https://thefutur.com/blog/
Jose Caballer: http://bit.ly/josecaballerTwitter
Chris Do: http://bit.ly/theChrisDoTwitter
Purchase a CORE Kit: http://bit.ly/myskooltools
===
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.