ฝัง
- เผยแพร่เมื่อ 1 ส.ค. 2024
- Dribbble is a fantastic site that has a ton of inspiration for many different types of design. I've used dribbble many times over my years for web design inspiration. Also, dribbble is fantastic for understanding where design trends are headed, and what you could take a look at for that type of style. However, dribbble alongside some other inspiration sites have an incredible amount of design that has never been tested as a real website. If you want to get inspiration for designs you need to understand what websites really convert and what websites have been published onto the world wide web. If these websites have been used over and over by real clients they're more likely to be better inspiration for you than those that haven't. All in all, all the sites I'm showing today are great for inspiration, but use them wisely!
0:00 Intro
0:35 The problem with Dribbble
3:10 What you want
4:15 The best inspiration sites
7:20 Mobile Designs
8:00 Specific Sites
8:40 The Best Alternatives
🛠.Try Inspiration + Components all in one 👇
www.tilebit.io
----
404 Error Page - Awwwards
www.awwwards.com/awwwards/col...
Lapa Ninja
www.lapa.ninja/
Godly - The Best Web Design Inspiration
godly.website/
UI Sources | Mobile Design Patterns and Interactions
www.uisources.com/
Browse iOS Apps
mobbin.com/?via=arnau
UI Garage - Daily UI Inspiration & Patterns for Web, Mobile & Tablet.
uigarage.net/
Siteinspire - Web Design Inspiration
www.siteinspire.com/
Land-book - website design inspiration gallery
land-book.com/
Landingfolio
www.landingfolio.com/inspirat...
🛠 Try Webflow 👇
webflow.grsm.io/arnau
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauros/filming-setup
📄 Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
👨💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Do you use any of these other sites?
Lapaninja, because you have mentioned it in your other videos. But the last 2 are actually awesome 😎
I technically used Behance as my portfolio site mostly and Upwork as my freelance (also inspiration sites)
Yes!! I use some of them.
@@rcpowder1578 What's your Upwork url? I'll love to see.
I use Awwwards. I love some of the award-winning websites they share.
I also do this when I need some inspiration in a certain niche
1) Search for "Best (x) agency in the world", "What is (x)", "Articles on (x)"
---> (x) refers to the niche topic
Then I browsed through the first 3 pages of all the search results. By doing that I can have an actual look on the websites that the people of that niche are actually using.
I know, that's a simple thing but it seems more practical to me.
PS: Dribbble is now more towards "Concept" UI designs rather than problem solving. Now most of the designs look great but when it comes to conversion point the designs are not perfectly optimized. I am not saying dribbble is the worst, because I am also a pro member there. Just not happy with the current situation there
I can't thank you enough, this was unbelievably useful.
You just solved a problem I was facing through the whole last month, all that time I was looking for websites design inspiration and every one I know told me to go to dribbble etc.
I faced a problem, you solved it in way better than I could ever imagine.
I'm deeply grateful, thanks again for your awesome content 😊
Yeah, dude most recommendations are only for behance and dribble. Some also suggested me the websites bro mentioned but no reason, like use them as alternative
I mean I already kinda knew that you gonna mention these webs the moment I read the title because I’ve been there, so good job 👍🏿
I've found so many of my favorite designers on Dribbble; I also love collecting professional wireframes / mockups for inspo (I'm in frontend web dev, but doing solo projects without UX/UI experience is ...oof)
that being said, as a non-designer, this video helps me as well - my untrained eye might be implementing "bad" design unknowingly
having the standards included by default makes my life A LOT easier, so thanks for sharing!
WOW!!! such an amazing video. really appreciate it that someone else gets my frustration; And thank you. Now, I have a way to solve the lack of references when designing.
Amazing take on dribble! The problem i had with awwwards is that these examples are also very influenced by webflow trends where UX is definitly not the goal. It seems to me that designers often forget who they design for since most sites can only be understood/navigated by designers and not by common internet users. :)
damn thanks for suggesting these sites cuz I have heard that we should not take inspiration from dribble but know one suggested other resources!
Subscribed!!
This video was so informative and helpful! Thanks for sharing :)
Really amazing stuff brother. All of the sites are very useful. Thanks!
I agree I also notice that everything is repetitive on dribble. I was looking for UI design for class and couldn’t find anything different.
only a small comment, I feel there is something lacking from awwwards, Lapa Ninja , godly is what I actually look for on Dribbble. I went to those websites suggested but lack to find some elements that were not a landing page, something more robust like a dashboard. Also we need to remember that some of us need to design according to the developer skills too, I cannot make a junior dev produce one of those awwwards website animations or how complex. This is why I go to behance and dribbble, to check what could be a good position for a table filter, what alternatives I can use to make a better settings page.
When you are designing a product takes soo much research to be done.
Thankful for your channel brother!
this was like this back then when dribbble and other sites aren't existing before, I was told by my fellow web designer that don't do websites or do a mockup a fake company for practice, if you want something a design that works for client or real world do the actual thing and stick to it. Back then I didn't like that advice, but fast forward that advice makes sense to you now ...
but these websites that offers spaces for prototyping, test, ideas for the idea to "share" it what makes everything now beautiful and fluid.
Remember, this video made me subscribe to your channel and follow you. Appreciate your research for this content.
Great sites, love what you share. Very straightforward and nice delivery 😊. So helpful, thanks a lot.. liked & subscribed ❤
Awesome, thank you!
Wow, I’m so happy I found you. I really enjoyed all the information you share. Definitely very good details. Thanks handsome.
Thanks for wayching!
Yes sir learning a lot I’m still watching all your videos
I just started as a freelancer software engineer, so my UI/UX is so bad, i think that use Dribble is very useful because i can change from an useless board design to a aceptable/not so bad designs for my software.
The most helpful video that I saw in the last couple months !!
Thank you.
Glad to hear that!
This is amazing! Thank you for sharing
Thank you!! This is really eye opening!!
this is an amazing video my friend, you gained a subscriber.
I'm glad you made this video.
And yeah, most designs on Dribbble are so not practical.
Thanks. 👍
I kinda get your argument. But only as far as usability is concrened. Because I remember the brief struggle that was flash websites. Where some designs were just so art-focused, casual visitors struggled to navigate them. If every website online decides to implement its own understanding of how to navigate their site, then we will just have usabilty chaos. But that said, I don't think all designers go to dribble with the intention of copy-pasting what is published there. I for one, tend to visit dribble to get new and not overly implemented color combination ideas. Small UI component designs like buttons and cards. Then I incorporate variations of those ideas in my projects. Anyway, I like your collection of sites. It's been a while since I visted awwwards, but the other sites look neat as well. Thanks for sharing
Great video - I definitely think Dribbble is useful for getting a sense of what UI trends and potential solutions are. However, I wouldn't even think of using it to help solve UX problems. A lot of the designs are 'Daily' challenges, or just straight copy+paste layouts that are intended to look good, but don't perform in real-life scenarios.
great information... I always wondered why the designs do not look great after the coding!
Oh yes, I also noticed that after creating a website that I designed myself! Weird, this also makes me think about how sensitive is web design as some minor changes can ruin or make the webpage brilliant and right.. that's only a thought that I may need to get confirmation on from some experienced people and learn more about
Awwwards is great, however I do believe many of the projects there are massively experimental and often will not be UX friendly.
Some examples would be: slow loading speeds, distracting animations etc.
Great content. Thanks for sharing.
Really awesome video!!
Good Job Ros!
I was just thinking the same thing, but thought to myself what do I know. However, from real test designs that have a lot of moving parts do not convert. Animations increase bounce rate dramatically.
Thanks so much, I've been always struggling with inspiration.
Happy to help!
This is an absolute gem of a video!! Thanks for this.
Glad it was helpful!
really nice one man. Thanks!
Dribble and behance is not just ui/ux inspiration websites. I liked all the options you showed but all are limited to web & app design in general.
Awesome vid! What video editor do you use that you have yourself as a rectangle on the side? Did you do that manually or is it from a software? Thank you!
Premiere pro!
You deserve more followers bro
Your efforts surely gonna pay off man
🙌
Thank you my friend!!!
Same thoughtss
Such an amazing video
You broke everything down
thank you! very useful information and definetely makes sense
Glad you think so!
UI Sources is by Abnux (Abhinav Chikara) Who also has a TH-cam channel. He started off alone, now he might have a team I’m not sure
Thanks for the great info!
This video helped me alot. Thanks.
Bro accessibility is all I care about anymore design wise and why I refuse to use website builders any longer. It messes up everything from UX to SEO to security. Most start ups don't care but established businesses who want results do. "Real businesses"
What's wrong with website builders?
whats wrong with website builder?
@@anilmee nothing unless you care about security control and dependency.
We build accessible sites with website builders.
@@AyDeeSandra Yes I believe it.
Life-saver Arnau!!! Thanks a lot.
Glad this content helps!
Do you have any references to search for dashboard UI design inspiration?
I love the way you think. you just gained a new subscriber.
Thanks Jakseen welcome aboard :)
Thank you, this is super helpful!
Glad it was helpful!
I have like "hunderts" of those websites for inspiration and I know that's counterproductive. How I deal with that, how much inspiration/ inspiration websites are too many?
Outstanding! Thanks for creating this.
Glad you enjoyed it!
Great video! Keep it real lol!
thats the point!
Personally I've found some solutions to problems from dribbble whether they're mostly conceptual or not. It's my job to see how each idea works for a particular client. Thank you for the ones you put out, I'll definitely check them out, but I believe I'll keep using whatever inspires me and provides the best solution to my clients. At the end, they're the ones using it, I just have to make sure the right principles are applied, like spacing hierarchy e.t.c, so if it means correcting a design on dribbble, I'll do that
I like your approach to problems. Truly understanding the clients needs is important.
my man is producing bomb content day by day, 100k subs soon.
Really appreciate you! Thanks for watching
great video, very valuable!
Glad to hear it!
Hi Arnau is there a site where I can get a UI design website the asset(images and other content). I would like to recreate them using Webflow
Thank you
Not that I know of!
Great work bro. How about we get the list of these sites. So we can store in our notes or something.
Just added to description :)
Thanks been looking for something like for a while
this helped alot
Cool!❤
Glad you liked it!
That’s very useful! Thanks😃
Glad it was helpful!
thanks so much man
Sweet vid tnx
thank you. i really needed that
Awesome! Glad it helped
I love your videos
Thanks!
This is awesome. Thank you.
Glad it was helpful!
great man, Thanks
Thank u boss, I have been looking for some inspirations sites other than dribbble and behance........Awesome resource....
Love it!
Ooh thank you! I was getting tired of not finding anything on dribbbl n Behance. Everything on there is just landing pages with basically the same layouts. Not much creativity
Keep on doin what u doin
what is the font that you used on slides?
Pangram mori :)
Do you have another alternative for mobile apps asides from the ones you mentioned?
Not at the minute, mobile apps are not my expertise :)
this video helps a lot, thanks
Glad to hear it!
you talked about only webpage inspiration, what about other things like font, icons, illustrations etc.
take a look at other videos on my channel! I've covered these as well :)
can anybody tell me what the proper padding, the proper hierarchy and the proper contrast are?
Hey, happy to help here I have a layout basics video that should help you with padding and everything like that
I'm screwed. I thought the first website you showed looked fine. 🤣 Where are the hierarchy problems? Although I do see some top padding issues.
very useful
Glad to hear that
Can you please try and not show the mini video cam that's visible throughout ALL the video... i cant seem to be able to focus on the designs with a super hottie in the corner :(
totally agree bro!
What typeface was used at 0:30
Pangram's Mori. You can get this font in their starter pack. Use code ARNAUROS20 to get 20% off. pangrampangram.com/products/fsp
Great video
Thanks for the visit!
Thank you
Good video, but Awwwards -- seems like the majority of submissions have a 3 to 5 second loading screen. Instant buzzkill.
Legend! Good to see you here. - You’re right! Lots of these awwwards sites have so much going on that it takes a while to load. It would be great if the sites loaded faster so users could experience them properly.
wow this video really helped a lot .. i never really noticed all these till i started comparing landbook and landingfolio designs to dribbble, the difference is tooo much 😂
Most of these inspirations are just landing pages, the feature search on ui garage is nice but as you've said, the designs there are not very pretty
thanks
Finding design inspiration isn't learning design. If you don't have a good grasp of the design discipline, it doesn't matter that you get your inspiration from REAL sites or apps. You can look at designs all day but there's no guarantee that you'll get inspired.
Loving uigarage! thanks
Great to hear!
How are they as far as hosting a portfolio goes?
for hosting work dribbble is great!
@@ArnauRos Thanks.
legend
But who use Dribbble?
True
These websites have become Sci-Fi,they post designs that are not possible to create and they just look like color book
It's a Pay-to-Play. So Dribbble exposure won't be reality based.
Thank you for the advice
Yep! Especially nowadays with how they've changed the site
bro is yapping 💀
Could not agree more. Dribbble is trying to be the leader of inspiration, but they have lost the plot!
Although I like your point about not using Dribbble or Behance for practical web design. When it comes to creating real-world projects that solve problems, Awwwards is NOT a site to look at. The majority of Awwwards sites are there because they use parallax, loco scroll, and big text. How many big brand companies use any of those techniques on their sites? Not many. Why do you think that is? Because they aren’t practical for the majority of users and aren’t responsive enough to convert effectively. Just because it’s a “real site” doesn’t mean it has solved problems either. Anyone can publish a website on the internet.
Long story short, if you want to get inspiration, look at the top brands in the world and how their sites are built, then use a bit of creativity to come up with a new twist on what already works really well.
Well it depends what you’re looking for. If you want a b2b marketing landing page then sure look up examples of that. Theres nothing wrong in doing that :)
😍😍😍🤩🥰
Bro please update your chrome 😃
Awwwards doesn't have such a nice UX, and websites are so aprstract...
They’re quite abstract most of the time!
I read uigarage as Ui Garbage 😅