20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!
1293 Views
Add

20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!

Must Have Web Design Resources

In this video, I’ll show you all the tools and resources I use to create my WordPress website. I’ll also show you how I use it too, so you can implement it to design and build a better website.
➀ Resources mentioned below (Click “SHOW MORE”)

Design

1. Collect UI – https://collectui.com & https://dribbble.com
Handpicked UI inspiration for your web design projects. Organised into categories for easy viewing.
2. Milanote – https://milanote.com
Perfect tool to help you organise your thoughts on a visual board to keep things organised.
3. Adobe XD – https://www.adobe.com/au/products/xd.html
The best tool to design & prototype anything. And It’s FREE!

Colour & Fonts

4. Whatfont
A chrome extension to “spy” on what fonts other websites are using
5. Myfonts – https://www.myfonts.com
Where you can download fonts that you see on the internet and use for your website. Free & Paid.
6. Google Fonts – https://fonts.google.com
Most WordPress Themes will feature the Google fonts – you can use this resource to find what’s most popular & also see what the fonts look like.
7. Adobe Colour – https://color.adobe.com/create
Best tool to create color palettes for your websites or design.

Assets – Images/Icons/Illustrations

8. Unsplash & Pexels – https://unsplash.com & https://www.pexels.com
Amazing resources of images for personal or commercial use without attribution
9. Adobe Stock & Shutterstock –https://stock.adobe.com & https://www.shutterstock.com
Best paid resources of images you can use for your web design projects. Much more selection!
10. Flaticon – https://www.flaticon.com
The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
11. Undraw – https://undraw.co
Open-source illustrations for any idea you can imagine and create. SVG & PNG.
12. Convert SVG file to PNG – https://svgtopng.com
Download the SVG file from undraw.co then convert to PNG file before uploading to website.
13. Fiverr – http://hoganchua.com/get/fiverr/ (Use HOGANCHUA for 10% Off)
Best place to hire freelancers starting from just $5. Get icons, logos, product renderings, product photography and so much more!

Image Editors

14. Fotor – https://www.fotor.com
Super simple photo editor. Perfect for resizing and cropping images before uploading to website.
15. Clipping Magic – https://clippingmagic.com
Automatically remove image backgrounds in seconds online. Great for profile pictures and product photos.
16. Canva – https://www.canva.com
Best tool to create amazing designs for anything for free. From Blog post featured images, to thumbnails, to ebook covers and so much more.
17. Pixlr – https://pixlr.com/e/
A lite version of Photoshop. Web based and Free.

Optimization

18. Pingdom Website Speed Test – https://tools.pingdom.com
Test your websites loading times with different locations around the world.
19. Compressor io – https://compressor.io
Reduce your image size without much quality loss.
20. Responsinator – https://www.responsinator.com
Test your WordPress websites mobile responsiveness on all devices.

Other Useful Tools

21. 0to255 – https://www.0to255.com
Perfect for hover states and keeping on colour scheme.
22. Freepik – https://www.freepik.com
Another amazing graphic resource
23. Lorem ipsum – https://www.lipsum.com
Generate placeholder text for your designs.
24. Gradient UI – https://uigradients.com
Generate beautiful gradients.
25. Placeit – https://placeit.net
Create mockups, logos, videos & designs in seconds!

My Basic Web Design Guide – https://hoganchua.com/website-design-guide/
My Recording Equipment: https://www.amazon.com/shop/hoganchua

Enjoy!

Source. First Published on YouTube

Growth Hacking Articles

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)
1044 Views
Add

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)



In this video, I am exploring what are expected from 2020 when it comes to website design and development. If you are a new or established web designer, developer or ui designer and want to keep up with the websites that are successful. I have put together 5 web design predictions I expect to see make a solid stand in 2020, including real examples to show you exactly what these trends are. Web Design is changing so fast, so make sure you are not falling behind and creating out of date content this year.

What trends do you predict will take off in 2020? Let me know in the comments!

// Instagram
https://www.instagram.com/tristan.designs

// Dribbble
https://dribbble.com/tristandesigns

——————————

LIKE THIS VIDEO?

Stay tuned for more content designed to help you build better websites on this channel. Want more, then hit that subscribe button πŸ˜‰

——————————

ABOUT ME

Whats up guys! I am Tristan Parker, a web and graphic designer from Exeter, UK. I have been designing for over 10 years and have become obsessed with the wonderful world of vlogging! So I have taken the leap to produce my own content to share tips, knowledge, opinions as well as my individual design processes and what my life is like as a designer. Hopefully I can inspire or help those looking to either build their own website or start a web design career of their own, If you have any questions or want to learn more about coding as a designer, leave me a comment and I will get back to you.

——————————

Source. First Published on YouTube

Growth Hacking Articles

Graphic Design Trends 2020
290 Views
Add

Graphic Design Trends 2020



🎁 FIRST MONTH FREE! Sign up to Envato Elements today: https://elements.envato.com/pricing?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description
*Applies to the individual monthly plan and only valid for new customers. Coupon automatically applied at the checkout.

Want to know what graphic design trends to look out for in 2020? In this trend roundup, we profile 10 trends for this year. Take a look!

Blog: https://envato.com/blog/design-trends-2020/?utm_campaign=envato_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

0:19 – 90s Revival

90’s DJ Flyer by Guuver
https://elements.envato.com/90s-dj-flyer-Y3WX3U?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

1:00 – Acid Trip

Acid and Modern Intro by nixmotion_v2
https://elements.envato.com/acid-and-modern-intro-AD6RUXN?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

1:28 – Cyberpunk

Cyberpunk – 80s Retro Text Effects by Sko4
https://elements.envato.com/cyberpunk-80s-retro-text-effects-U7TTN8?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

2:00 – Earthy Colors

Artisan Abstract Shapes & Line Art by august10
https://elements.envato.com/artisan-abstract-shapes-line-art-HSB8SMS?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

2:44 – Monochrome

White Marble Backgrounds by themefire
https://elements.envato.com/white-marble-backgrounds-4TJ9XJ?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

3:20 – Street Art

Metal stone social media graphic templates by Chanut_industries
https://elements.envato.com/metal-stone-social-media-graphic-templates-8X42PUY?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

4:00 – Brutalism

Prospekt Typeface by MehmetRehaTugcu
https://elements.envato.com/prospekt-typeface-SDKG8G?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

4:33 – Sketch Illustrations

Essential Hand Drawn Brushes by pixelbuddha_graphic
https://elements.envato.com/essential-hand-drawn-brushes-HB4663?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

Pencil Sketch by miph
https://elements.envato.com/pencil-sketch-V2LQDKJ?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

5:21 – Collages

@go.milkshake
https://www.instagram.com/go.milkshake/

Lomography Typography Poster Photoshop Action by bangingjoints
https://elements.envato.com/lomography-typography-poster-photoshop-action-BZ9QL3E?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

6:05 – Variable Fonts

Manufaktur by dafeld
https://elements.envato.com/manufaktur-2MLY8R?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

WHAT IS ENVATO ELEMENTS?
With a subscription to Envato Elements, you’ll have access to a suite of over a million downloadable digital creative assets. From stock graphics and graphic design templates to multimedia assets like stock footage, royalty-free music and sound effects and much, much more. Check out which plan is right for you: https://elements.envato.com/pricing?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

MUSIC
The Rock Bible by LoopsLab
https://elements.envato.com/the-rock-bible-JH6SRZD?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

TEMPLATES
6 Transitions Pack With Opener by CGKOO
https://elements.envato.com/6-transitions-pack-with-opener-V592A6J?coupon_code=elements_yt_org-freemonth1-d&utm_campaign=elements_social_eyt_JAIvWg4iQHo&utm_medium=social&utm_source=YouTube&utm_content=description

Source. First Published on YouTube

Growth Hacking Articles

User Interface Design - Speed Art Tutorial
357 Views
Add

User Interface Design – Speed Art Tutorial



#uidesign #interfacedesign
Hey Folks, Want to share the timelapse of my Designing Working process. Hope you will like it.

Don’t forget to Subscribe to my Channel.

Follow me on:
Dribbble – https://www.dribbble.com/ergemla
Instagram – https://www.instagram.com/ergemla
Behance – https://www.be.net/ergemla

Source. First Published on YouTube

Growth Hacking Articles

Top App & Web Design Inspiration of the Week
394 Views
Add

Top App & Web Design Inspiration of the Week



Follow us:
🌎Our website: https://orizon.co
🐣Twitter: https://twitter.com/Orizon_design (Tips & Design News)
πŸ”΅Behance: https://www.behance.net/orizon
πŸ€Dribbble: https://dribbble.com/orizon
πŸ“·Instagram: https://www.instagram.com/orizon.design

πŸ“§For inquiries, shoot us an email at [email protected]

——-

Web Platform
By Outcrowd
https://dribbble.com/shots/10768880-Web-Platform-mondly

Drag & Drop Import Data Exploration
By Kevin Dukkon for Fintory
https://dribbble.com/shots/10748100–Drag-Drop-Import-Data-Exploration

Magic icon animation
By Gleb Kuznetsov
https://dribbble.com/shots/10624738-Magic-icon-animation

Playful Creative Collective
By Zhenya
https://dribbble.com/shots/10778314-Playful-Creative-Collective

Cooking at home
By Hamburn for Queble
https://dribbble.com/shots/10754498-Cooking-at-home

Fitness app
by MikoΕ‚aj Symanowski for 10Clouds
https://dribbble.com/shots/10752295-Fitness-app

House Booking mobile KIT I
By Anton Tkachev for uI8
https://dribbble.com/shots/10752186-House-Booking-mobile-KIT-I

Possessed Village
By Guillaume Kurkdijan
https://dribbble.com/shots/10784230-Possessed-Village

Playfit Website Loader
BY Halo Lab for Halo Web
https://dribbble.com/shots/10785922-Playfit-Website-Loader

uLesson Digital Learning Platform
By Cuberto
https://dribbble.com/shots/10761685-uLesson-Digital-Learning-Platform

Source. First Published on YouTube

Growth Hacking Articles

Web Design Inspiration - Website of The Month January 2020
312 Views
Add

Web Design Inspiration – Website of The Month January 2020



In this series we take a look at the “BEST” websites in the world and see what we can learn.
https://canals-amsterdam.nl/
In todays Web Design Review we see from a UX UI perspective the Awwwards website of the Day.
We will see if we can spot any UX UI design trends and what could be improved on the site.

If you’re interested in becoming a UX / UI Designer you will learn how to look at websites from a designers point of view and learn any new trends as soon as they are released!

β–Ά πŸ”₯UX UI DESIGN CERTIFICATION
https://antonyconboy.com/p/ux-ui-design-fundamentals

Are you looking to become a UX UI Designer? Begin a Career In Tech’s Fastest Growing Field

Why join this Exclusive course?
Are you looking to become a UX Designer but have no experience?

I’ve designed this course especially for you:

12,438 students enrolled – 5* Rated

What you’ll learn:

How to Find a UX Job in any company, I share my practical insider secrets on how to stand out
How to Design and Prototype Websites and Apps (no coding!)
How to Create a UX Design Portfolio
How to use the latest Design Tools Adobe XD, Figma and more
Earn a UX UI Certificate for your Resume and share on Linkedin
You will be able to add UX designer to your CV
Downloadable exercise files
You will be able to start earning money from your UX Skills.

25 HOURS+ 119 lectures of well-structured, step by step content.

14-Day Money-Back Guarantee

Find out more
https://antonyconboy.com/p/ux-ui-design-fundamentals

Now 25 HOURS+ – Updated for 2020

Requirements

No previous design experience is needed.
No previous Adobe XD or Figma skills are needed.
You will need a free copy of Adobe XD 2020 or Figma. Both available for free online

“Not to put any institution down and I think Udemy is great – but I recently completed a UI UX course on Udemy (6 plus hours) – and I must admit that wasn’t nearly as informative as what you have offered. Granted the instructor went into a lot of detail in using figma but I can honestly say that the value I received from your vids far outweighs that course – I reference your vids daily now as there is so much value – THANK YOU! Looking forward to more. :)”

– Belendren Percimoney

Why Trust Me?

There are LOTS of other courses on UX UI Design online.

What makes my course so special? Simple, I have REAL WORLD EXPERIENCE.

I’ve designed some of the world’s biggest websites for the world’s biggest clients.

That includes Vogue magazine, Barclays, Cisco, BBC, Ferrari, Wired and many more.

I know what it takes to work as UX designer, I know what you need to do.

I offer practical advice on getting a job.

For 15 years I’ve run design teams and worked at the very top.

No one else can offer this inside knowledge.

Don’t Waste Time

This course will save you months of time by teaching you what companies think is important.

#design #designer #ux #ui #graphicdesign #webdesign #web development

Source. First Published on YouTube

Growth Hacking Articles

Web Design Trends & Inspirations
258 Views
Add

Web Design Trends & Inspirations



Featuring the top website design user interface & Experience ( UI / UX ) concepts for year 2019-2020 , follow these design inspirations by professionals for your next website design or mobile app design project.
#website #design #trends

Source. First Published on YouTube

Growth Hacking Articles

Top 5 Web Design Trends in 2020 | NoorHUB
344 Views
Add

Top 5 Web Design Trends in 2020 | NoorHUB



5 web design trends in 2020 and a collection of creative examples that will give you ideas and inspirations.

βœ” Credits goes to :

1. Mercdev Academy: https://academy.mercdev.com
2. Plink: https://useplink.com/en/
3. Edesign Interactive: https://edesigninteractive.com
4. GUCCI: http://24hourace.gucci.com
5. RappiPay: https://rappipay.com

β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬
❀❀ Please Visit Our Website: https://noorhubofficial.blogspot.com/

❀❀ Please follows our social media platforms for daily updates:-

πŸ‘‰ Facebook Group: https://www.facebook.com/groups/2182310058651927/?source_id=178108629544995
πŸ‘‰ Facebook : https://www.facebook.com/96NoorHUB/
πŸ‘‰ Twitter : https://twitter.com/hub_noor
πŸ‘‰ Instagram: https://www.instagram.com/noorhub05/
β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬

––––––––––––––––––––––––––––––
Track: Odessa β€” LiQWYD & Scandinavianz [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/jNy-Dp3lgcg
Free Download / Stream: https://alplus.io/odessa

🎡 Track Info:

Title: Odessa by LiQWYD & Scandinavianz
Genre and Mood: Dance & Electronic + Inspirational
License: Royalty-free music for YouTube, Facebook and Instagram videos giving the appropriate credit.
––––––––––––––––––––––––––––––

Thanks for watching..
And don’t forget to subscribe for more video.
Thank you. πŸ˜‰

#NoorHUB #WebDesign #Trends #webdevelopment

Source. First Published on YouTube

Growth Hacking Articles

Web Design Trend per il 2020
365 Views
Add

Web Design Trend per il 2020



Iscriviti al gruppo dove condividiamo Risorse Free e Tips su WordPress:
http://bit.ly/gruppo-nlw

Iscriviti al gruppo dove parliamo di eCommerce e WooCommerce:
http://bit.ly/gruppo-nlwoo

🎁SCARICA TUTTE LE RISORSE FREE + i file creati nei Video, iscriviti alla community:
http://bit.ly/marchetti-design-community

πŸ”₯Dai un occhiata al corso su WordPress Next Level WP PRO:
http://bit.ly/next-level-wp-pro

πŸ”₯Dai un occhiata al corso su WooCommerce Next Level WOO PRO:
http://bit.ly/next-level-woo-pro

πŸ€–Rimani aggiornato con i nuovi contenuti iscriviti al Bot: http://bit.ly/bot-marchetti-design

πŸš€ Il mio hosting preferito: http://bit.ly/md-siteground

πŸ”΄Iscriviti al canale, nuovi video ogni settimana πŸ˜‰
https://www.youtube.com/channel/UCWT3E1a00seSxCo3amg16AQ?sub_confirmation=1

TEMI WordPress FREE

WLOW: www.marchettidesign.net/wlow
Fullby: http://www.marchettidesign.net/fullby/
Gridby: http://www.marchettidesign.net/gridby/
Swipy: http://www.marchettidesign.net/swipy/
Fullbase: https://it.wordpress.org/themes/fullbase/

SOCIAL
Twitter: https://twitter.com/AfMarchetti
Facebook: https://www.facebook.com/MarchettiDesignnet-140329246021912/
Github: https://github.com/afmarchetti/
Codepen: https://codepen.io/afmarchetti/

β€”

Music: Soundcloud
Music: https://www.bensound.com

Camera – iPhone 8 Plus / Sony RX100 m4

Stay Tuned!

Source. First Published on YouTube

Growth Hacking Articles