![\"HCL](\"http:\/\/www.kevingordon.org.uk\/kevwp4\/wp-content\/uploads\/2017\/04\/hcl-ux-design.png\")
<\/a><\/p>\n1) UX design<\/strong> – For UX design I use Balsamiq – https:\/\/<\/span>goo.gl\/rW7t12<\/span>\u00a0<\/span><\/span><\/a> ($89) #webdesign<\/a> #tips<\/a><\/p>\n 2) UI design<\/strong> – UI design gets fabulous\u00a0using Sketch – https:\/\/<\/span>goo.gl\/2ziRQX<\/span>\u00a0<\/span><\/span><\/a> (\u00a3100) #webdesign<\/a> #tips<\/a><\/p>\n 3) For generating logos & graphics<\/strong> – So for generating logos and graphics, I use a variety of tools including Canva – https:\/\/<\/span>goo.gl\/2Uzwi8<\/span>\u00a0<\/span><\/span><\/a> ($free) or Gimp ($free) #webdesign<\/a> #tips<\/a><\/p>\n 4) For rendering on devices<\/strong> – Magic Mockups can be used for rendering websites and apps in situ in beautiful looking scenes – https:\/\/<\/span>goo.gl\/NQF4NZ<\/span>\u00a0<\/span><\/span><\/a> ($free) #webdesign<\/a> #tips<\/a><\/p>\n 5) For building from scratch<\/strong> – I use Foundation when building a static website from scratch – https:\/\/<\/span>goo.gl\/o1n9m<\/span>\u00a0<\/span><\/span><\/a> ($free) #webdesign<\/a> #tips<\/a><\/p>\n 6) Fonts<\/strong> – And for fonts I tend to use google fonts; they\u2019re awesome, free and easy to use – https:\/\/<\/span>goo.gl\/DtwDcM<\/span>\u00a0<\/span><\/span><\/a> ($free) #webdesign<\/a> #tips<\/a><\/p>\n 7) Icons<\/strong> – For iconography, I use awesome font, it\u2019s fabulous – https:\/\/<\/span>goo.gl\/qsHA5t<\/span>\u00a0<\/span><\/span><\/a> ($free) #webdesign<\/a> #tips<\/a><\/p>\n 8) For building with a content management system (CMS)<\/strong> – For this I use WordPress for my content management system, and with WordPress installs, I use Elegant Themes Divi – THE best way to build sites! – https:\/\/<\/span>goo.gl\/xo7Pv8<\/span>\u00a0<\/span><\/span><\/a> ($89 \/ year) #webdesign<\/a> #tips<\/a><\/p>\n 9) eCommerce<\/strong> – To build a full eComm site from scratch, I recommend Shopify, for integrating payments to existing site I use Worldpay #webdesign<\/a> #tips<\/a><\/p>\n 10) Photography and Imagery<\/strong> – And for all my photography & imagery I use unsplash; best photography website ever! – https:\/\/<\/span>goo.gl\/B8J7I5<\/span>\u00a0<\/span><\/span><\/a> ($free) #webdesign<\/a> #tips<\/a><\/p>\n Please share – and it would be lovely to hear others feedback about these tools.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" What follows are my top 10 web design tips from me (a professional web developer – amongst other things). A quick synopsis of my web design process A quick synopsis of my process is to the the UX design, or wireframes in Balsamiq, and get the structure, navigation and content agreed with the content. Then […]<\/p>\n","protected":false},"author":2,"featured_media":552,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[7],"tags":[8,40,41],"class_list":["post-549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-tips","tag-web-design","tag-webdesign"],"yoast_head":"\n<\/a><\/p>\n<\/p>\n<\/a><\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\n