Merencanakan situs web sebelum membangunnya sama dengan mengatakan ukuran dua kali, potong sekali. Prototyping adalah cara untuk melakukan hal ini. Ketika kami mendesain situs web kami, kami berkembang dari wireframing, prototyping, dan akhirnya, desain penuh. Dalam tutorial ini Anda akan mempelajari apa sebenarnya arti Prototyping dan seperti apa bentuknya. Anda akan melihat proses lengkap mengambil prototipe awal dan gambar rangka dan membuat situs web. Video dari Adrian Twarog. Lihat saluran YouTube-nya: Pelajari cara membuat gambar rangka di video pertama dalam seri ini: — Belajar membuat kode gratis dan mendapatkan pekerjaan pengembang: Baca ratusan artikel tentang pemrograman: Dan berlangganan video baru tentang teknologi setiap hari :
source
Hope you all enjoy this. Looking at doing color theory and continuing this project in the next one. If you enjoy this content, make sure you check out #freeCodeCamp as they have heaps of great learning material on their website too!
I don't see how figma is much better than say photoshop to create web design!
What are next steps after you’ve created a wireframe
your soo cool thank you to share your knowledge in web design i learned a lot…. more power to you bro!
change the playback speed to 1.25, you're welcome
So incredible :0
awesome , very interesting
With the no-code apps that are taken over can we skip the whole wireframe stuff now?
HI IF I JOIN DO I GET ONE ON ONE HELP ANY TIME
UI designer must code that or not? Learning only UI (graphic only) make any sense? Or i must be UI/UX?
You're the best
your tutorial helped a lot thanks
Thanks for presenting use of Figma!
What if i have done half of my work via sketch and now i want to switch to figma, is it possible to switch and continue from where i left or do i need to do the whole thing again?
Looking forward for next part
Ah.. I needed this video for inspiration. Thank you so much!
When will the next part coming out? Im so excited 😊
Pretty cool. I'm on my web dev journey,maybe I can use this to design websites.
svg link?
Er… it should be 1920 x 1080
is there a sequel to this video?
Hello there please continue app you are best
You helped me a lot. A valuable lesson. Thanks!
hey I noticed you didn't know this but if you select an element then hold alt and hover around on other elements, the spacing will show up, can be useful when try to measure equal spacings/padings.
Um, this isn't a prototype, this is just a another wireframe. The kind we typically start with. The lone he started with we either dont do it or we use it instead of this. Prototypes actually work. That means the links work, the animations work, slide shows work, forms are built in (not fully functional at this point, but actual forms not just white boxes. etc To further illustrate this note that Bootstrap is a "prototyping framewok" meaning prototypes and made with CSS. HTML and Javascript. Not everything works properly but it will resize etc.
Try to insert wordpres to do website the channel
How should I get the first part of this video
Very helpful. Thanks a lot.
How great are these guys??
Great video explanation. Kindly assist me with the link(s) to your SVGs.
Awesome!!! TQVM!
Isnt the frame actual width of the artboard should be 1920 ?
I am a data analysis instructor i want to connect with data analysis intructors
"Wireframe from Sketch" is a more appropriate video title.