960 gs code How to Translate Stylescape Ideas Into Web Design

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.

960 gs code How to Translate Stylescape Ideas Into Web Design
370 Likes	370 Dislikes
24,799 views views	596K followers
Entertainment	Upload TimeStreamed live on 9 Dec 2014

Related keywords

pricing calculator,ux design livro pdf,design industry raw grey,web design ideas fun,the future typing,website industry australia,how to design a website for a client,value proposition design pdf,designer shoes,ux/ui designer,web design project ideas,value proposition canvas template,value proposition business model canvas,website industry standards,design industry refin,the future factory,design industry workroom,uxf,960gs responsive,web design ideas list,how to design a website using html,branding mockup,pricing strategy examples,ux design process,creativity inc,website design ideas for nonprofits,website industry sectors,960gs grid,business letter format,960gs модульная сетка,creativity test,ui design a prova de balas,ux vs ui,the future,website design ideas pinterest,website design ideas for ecommerce,business license,value proposition map,branding corporativo,business plan template,stylescapes meaning,stylescapes size,business analyst,designated survivor,stylescapes,pricing manager,ui design online,website design ideas for schools,the future of humanity,creativity museum,website industry south africa,web banner design ideas,design industry awards,ui design mobile,website industry trends,value proposition definition,pricing garage sale items,ui designers,how to design a website using wix,960 gs psd,business for sale,web page design ideas,how to design a website using html and css with example,web design ideas layout,ux design software,industry website theme,value proposition canvas example,pricing strategy,ui design software,design space,web design ideas 2018,branding personal,how to design a website on wordpress,creativity in the workplace,web design ideas for beginners,the future of information technology,business name generator,the future is female t shirt,website industry jargon,stylescapes the futur,960gs-gc fx drivers,website design ideas html,how to design a website in photoshop,web design ideas for portfolio,design industry uk,website design ideas for restaurants,web design ideas for students,branding impresiones,designer brands,ui design patterns,the future group,branding merchandising,ux designer porto alegre,value proposition template,design within reach,pricing analysis,design industry,branding pdf,pricing sheet template,branding diseño,pricing elasticity,value proposition formula,branding que significa,business administration,web design ideas pinterest,how to design a website for free,creativity for kids,mikrotik rb960pgs,value proposition statement template,how to design a website pdf,uxpin,pricing analyst jobs,uxorious,ux designer junior salario,ux design thinking,branding emocional,business cards,branding corporativo paul capriotti,ui design ux design,ux design pdf,uxie,ux ui designer,ux91,design + industry melbourne,960gs-gc fx,960gs fx,design industry 4.0,stylescapes the futur free download,website design ideas wordpress,web design ideas for business,the future of india,960gs css framework,ui design curso,value proposition canvas pdf,pricing gun labels,ui design pdf,960gs vs,web design ideas app,framework 960gs,website industry definition,ux designer portfolio,design industry report,stylescape examples,steel industry website template,value proposition marketing,business analyst salary,uxin stock,how to design a website using dreamweaver,value proposition framework,stylescape template,website industry template,stylescapes design,pricing psychology,how to design a website template,designer handbags,stylescapes moroccan,creativity shell,business insider,how to design a website layout,creativity thesaurus,branding mockup free,ui design udemy,design industry meaning,business casual women,branding de marca,branding marketing,ux researcher salary,ux design curso,designing women,ux design & learning experience,creativity takes courage,creativity online,the future diary,ux design brasil,960 gs vs bootstrap,value proposition meaning,960gs tutorial,industrial website inspiration,website design ideas reddit,the future is asian,960gs grid system,designated survivor 60 days,creativity exercises,website design ideas for students,website design ideas 2019,designer bags,website design ideas 2018,website design ideas 2017,pricing power,designer belts,960gs photoshop,value proposition example,960gs classes,uxin,design industry australia,moroccanoil stylescapes,ux designer,how to design a website with javascript,creativity inc book,business casual men,ux researcher,ux designer salario,design industry trends,the futurist,website design ideas for beginners,value proposition synonym,pricing chart,the futur academy,ux design udemy,ux designer jobs,value proposition statement,ux designer salary nyc,http://design-industry.com.au,960gs download,designer backpacks,ux design cc,how to design a website youtube,stylescapes tiling,website design ideas,web design logo ideas,ui design vagas,ux portfolio,brandingfobia,business card holder,business loans,creativity is intelligence having fun,branding argentina,website design ideas for graphic designers,business insurance,designated survivor season 2,designated survivor season 3 cast,ui design inspiration,branding group,website design ideas for it company,creativity explored,designated survivor season 3,pricing structure,pricing manager salary,designated survivor season 4,bootstrap 960gs,industry website design inspiration,branding traduccion,how to design a website logo,website industry,industry website templates,branding ejemplos,web design ideas examples,design industry jobs,the future perfect,web design ideas 2019,website design ideas for business,ux design livro,ux design curso online,creativity exchange,the future of education,how to design a website with html,design + industry pty ltd,design industry terms,design essentials,ui designer salario,best stylescapes,ui design android,pricing analyst,website design ideas html css,brand stylescapes,value proposition slide,web design ideas book,business plan,ui design download,value proposition design,ui design design de interfaces com foco em projetos web,website industry benchmarks,creativity quotes,the future is now,uxie mesprit and azelf,website industry statistics,designated survivor cast,web design ideas,business professional,website industry design,creativity and innovation,ui design app,branding significado,ux design course,design industry job titles,how to design a website from scratch,ux writer,the future of capitalism,designer shoe warehouse,website design ideas minimalist,business casual,how to design a website using bootstrap,branding digital,stylescapes landscaping,web design ideas pdf,design bundles,how to design a website using wordpress,pricing analyst salary,ux designer o que faz,creating stylescapes,website design ideas and tips,industry website templates free download,960 gs plugin,creativity synonym,website industry in pakistan,design industry in hong kong,ux design vagas,cool web design ideas,creativity movement,ui design medium,value proposition pdf,the future we want,design thinking,how to design a website using python,how to design a website using html and css pdf,pricing models,ui design course,stylescapes instagram,design industry statistics,business ideas,ux designer sicredi,the future of design,pricing objectives,the future laboratory,website design ideas for small business,creativity in the classroom,value proposition canvas,creativity rv,business credit cards,industry website templates free,the future of work,pricing baseball cards,ui design examples,ux designer salary,design industry news,