#10 Interaction Concepts (Cool) - Web Design Trends 2018

Подписаться 21 тыс.

Просмотров 258 тыс.

50% 1

Interaction Concepts (Cool) - Web Design Trends 2018
PROMOTE YOUR WEB DESIGN 👇
Submit - www.thehotskil...
WEB INTERACTION DESIGNS:
1. InGo Landing page by Afterglow
2. MH Homepage by Anton Skvortsov
3. Snickers eShop - UI animations concept by Slava
4. NYC by Alberto Conti
5. Golden Ramen / Web Site Design by Mike | Creative Mints
6. Habitat by Cosmin Capitanu
7. Skillshare Test by Gil
8. Silver Jewelry - Shop Concept by Leonid Arestov
9. E-commerce UI interactions by Cuberto
10. Stripe Digital Glass by Cosmin Capitanu
TAGS:
#webdesign #webdesigninspiration #webdesigntrends
COPYRIGHT:
© belongs to respective owners.
FOLLOW US:
Instagram: / thehotskills
Facebook: / thehotskills
Twitter: / thehotskills
Pinterest: / thehotskills
Website: www.thehotskil...

Опубликовано:

27 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 113

@dhruvwills 4 года назад

9th one was absolutely amazing

@rakibhasan2692 4 года назад

what's the effect name?

@EmmaR 4 года назад

Great sites, but the numbers are unnecessarily long

@magepixel9316 4 года назад

front-end engineer: noooooooooo!！

@andpanca2759 4 года назад

Wkwk

@rtnjo6936 4 года назад

use adobe muse)

@ldca241 4 года назад

3 seconds of pure cool transitions between 4 pixels

@AndreNMailho 4 года назад

I blinked twice and I lost half of the video.

@briananeurysm3423 4 года назад

the transition is longer than the actual website presentation 😂

@almoujab9844 4 года назад

yeah hhh

@phernand42 4 года назад

Wonder what they look like on mobile

@jimosmor8927 3 года назад

They may look like shit....

@blazi_0 Год назад

No one talks about responsiveness. Yea it looks cool i guess, but does it work in small devices? I don't think so 🫤

@K-Raman 4 года назад

Numbering time is very long rather show more site interaction. I hope you care next time.

@angular01 4 года назад

The music was great:) just the number transition took longer then the actual presentation of websites.

@AhmedMubarak255 4 года назад

Looking at this as a web developer, I got to admit, THERE'S A LOONG WAY TO GO.....

@PUK1SVA 4 года назад

Looking at this as a regular user. Too much meaningless crap and and super slow interface. It looks cool, but the UX is horrible most of the time.

@Niele160 4 года назад

@@PUK1SVA This is a valuable comment. I agree it looks nice most of the time, but often it's too slow and UX is WAY more important! I need my users to actually GET SHIT DONE. These slow cursors and overanimated pages are killing not only data but also customers!

@motoredmi9903 3 года назад

All these are amazing... But can anyone point me any tutorials on how to actually code this???

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@simoselfati4648 Год назад

Any idea ?

@bytegen_dev Год назад

Use your head 🗣️

@motoredmi9903 Год назад

@@bytegen_dev It's easier to do everything in Figma... But coding it in just HTML, CSS + Javascript (for motion graphics) is quite challenging... I was only asking 'How' to tackle that challenge 2 years ago when I was a beginner... Use your common sense, Asshole. Not everyone knows everything.

@bytegen_dev Год назад

@@motoredmi9903 sorry bruh 😶‍🌫️

@Jewish5783 Год назад

God! this is Wow! even in 2018

@Pankaj-Verma- 4 года назад

Forgot to breathe. Killing video. Love!

@stergiosk6064 4 года назад

The designs were awesome and the music was even more awesome, can you tell me the name of the music track?

@zodiaclife24 4 года назад

Очень классно ! Отличная работа

@NSEYA01 4 года назад

Sheesh, u got some creative geniuses ouchea!

@livelovelaugh473 3 года назад

Some of these designs look nice. But it would have been nice to hear some music or a brief explanation in the background instead of silence.

@Joyal.George 4 года назад

*Great* ⚡⚡⚡

@masanjajunior3097 4 года назад

Soo how can I make such thing.. any tutorial 🤷

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@masanjajunior3097 3 года назад

@@youdontknowme-b9u yes it does, but I wanna make something of that kind alone

@youdontknowme-b9u 3 года назад

@@masanjajunior3097 so you can follow some tutorials - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-o0FvszIDTA8.html

@intellectualarist0crat104 4 года назад

Does anyone know some cool tutorial to actually code these kind of design?

@jrdev4life973 4 года назад

no but I could figure it out a make a video for a new channel. Would you be interested? Corona got me trying to work on my ui skills

@intellectualarist0crat104 4 года назад

@@jrdev4life973 yeah sure. That's a great idea

@zerefhabibah1743 4 года назад

@@jrdev4life973 yea plz i literally learned css and html in a week with corona

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@Asia_Bangladesh 3 года назад

i love this video becouse this vide have no music

@ИванМеньшиков-э3ъ Год назад

1:10 is realy cool animation

@gemes6816 4 года назад

This is amazing web

@mukkuvaninthesea771 5 лет назад

Which song ??

@yogiesetia1 4 года назад

Beautiful

@rakibhasan2692 4 года назад

what's the effect name of number 9( the shoe's website)?

@natalijagolik1558 2 года назад

Where could I learn this?

@kavindudananjaya3290 4 года назад

numbers counting in both black and white ? why you want more watch times?

@Asia_Bangladesh 3 года назад

i love video without sound

@dharaprajapati4487 4 года назад

sir i m try to make this type of design but code is not availabe ...request to you, i need source code..Do you Will given code?

@8hawefaw08 2 года назад

Why numbers twice!!

@priyanshutomar231 4 года назад

Hi, Can anyone help me to create or how to create 1st slider in 1st design layout.

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@ramonpablo1405 4 года назад

A música é do Jeff Kaale That Day

@Fenix-fg6cs 4 года назад

What is needed for that? Javascript? Bootstrap? Jquery? Vue.js?

@waterp2202 4 года назад

Web GL, pixiJS helps. and html and css, but if you want the fancy shmancy pictures and shaders and shit go for something like PIXI or threejs

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@mahfuzrifat5434 4 года назад

How to make this kind of design ?? Just over my head

@DucNguyen-qn7gl 4 года назад

You can make this design with some UI design tools but just the design not a real website .To make it real you must be senior web dev at least :))

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@dhananjaydeshmukh3469 4 года назад

Soundtrack please

@saddamakbarhf 4 года назад

too fast review...

@jeissonrico3449 4 года назад

Using js ?

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@princeasiedu6533 4 года назад

Slow down.

@blackhole783 4 года назад

a nightmare of front end developers..

@nathandns 4 года назад

Nanthagopal nanthu why?

@blackhole783 4 года назад

@@nathandns because it would take much time to design..

@rtnjo6936 4 года назад

60% of time just numbers of place... rly man?

@ivan1196 4 года назад

how about explaining the concepts every now and then. Poor experience of your video

@vinikett9114 3 года назад

can anybody please mention the technologies used for the respective projects?

@djpourmonmariagelocationpo9558 2 месяца назад

Bonjour ELMEHDI, j'ai vu que vous faisiez du coaching pour du WordPress je vous ai trouvé sur le site de professeur qui donne des cours est-ce que vous pourriez me répondre s'il vous plaît ? J'aurais besoin de vos services Merci à vous

@mangruve 4 года назад

Just set speed to 0.5

@peteryu4353 5 лет назад

Any of these are live sites? Or are they just design concepts?

@lemueljunior 5 лет назад

I think they are only concepts. I looked for them and couldn't find...

@technicalguruinwonderlandh5999 5 лет назад

We can design these sites...

@angular01 4 года назад

Music 🎶: Englewood & Jeff Kaale - That Day

@xReisk 4 года назад

- Mobile device joined the party - UI Dev quits

@aalwayslucky428 4 года назад

learn how to use the power of "@media" dude. It's a must to a web developer on how to make his website to be "RESPONSIVE".

@xReisk 4 года назад

@@aalwayslucky428 lol if you think you can achieve that with @media you are totally wrong. Most of those UI's are made with a complex framework rather than just plain @media bro.

@aalwayslucky428 4 года назад

@@xReisk I did May be your stupid. I already figure it out.... Keep studying...

@xReisk 4 года назад

@@aalwayslucky428 You know when you said something right that "stupid" and "..." are the words from the other guy.

@xReisk 4 года назад

@@sarkarrawf1278 None of them show the responsive part, you might disagree and its ok, we have different opinions but this complex solutions have different approaches for web design. Of course you will use @media, but not to apply the complex animations and layout changes that we see on this videos. Most of these animations are made with javascript, canvas tag(which also requires JS), etc. This has more to do with programming rather than simple CSS.

@mustafagamal2276 Год назад

9,2

@alwynjohn597 4 года назад

Everything is okke until the mobile device enters.

@DHDigilab 4 года назад

Very informative! 👍🏼👍🏼

@mtvlog800 4 года назад

@Thehptskills i love this theme this design was awesome i want to make this type of website can you help me aboyt this I have first seen you videos and just hit the subscribe your videps are very amazing

@ahmadsaufudin3112 4 года назад

what is interaction number 6?

@tuyu6404 Год назад

Source please

@pgtips4240 4 года назад

Why did you ruin this video with 720p and annoying music?

@TheHotSkills 4 года назад

I'm sorry if the music was annoying you!! :(

@pgtips4240 4 года назад

@@TheHotSkills Thats ok, just don't do it again. :)) Other than that it was excellent imo. :))

@TheHotSkills 4 года назад

@@pgtips4240 Thank you :-)

@pgtips4240 4 года назад

@@TheHotSkills The fact you took my criticism so well shows that you have outstanding character. :))

@TheHotSkills 4 года назад

@@pgtips4240 Thanks :) :) :)

@leomenday6397 4 года назад

Amazing

@pauljohn3898 2 года назад

These sites look amazing with these little interaction, love it!

@tomcorlay7380 3 года назад

how can we found the code ??

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.

@abhiruproyz 4 года назад

Where it's codes?

@youdontknowme-b9u 3 года назад

U can download codes of these websites easily using this method: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--BwT_lWF2bA.html This method is working for every sites. If this works reply me plz.