Pertemuan 4: Merancang Prototype Web Versi Desktop dengan Figma

-

Menuju Aplikasi Figma online

Download Aplikasi Figma Offline 

Tutorial Penggunaan figma sumber luar  

Contoh Project yang sudah jadi

Download Bahan / Material Latihan 

Tutorial  Cara Melakuakn shrae prototype

Project Latihan :

 


Video Tutorial Mengerjakan Project : 
 
 

TUGAS 4:  

(Batas pengumpulan H-1 sebelum kuliah minggu depan)

Dengan mengamati video tutorial diatas, cobalah membuat prototype website versi desaktop mengikuti ukuran dan menu yang ada pada file latihan, website yang anda rancang adalah website personal (Profil) seorang artis/ Tokoh Publik/ Pahlawan/ Pejabat selain Didi Kempot, untuk gambar dan identitas bisa anda mencari bahan/ material di internet (bebas) asal tidak melanggar norma, pornografi dan sara. Silahkan anda berkreasi dengan bebas.

Hasil dalam bentuk share protoype website, dikumpulkan melalui link google form berikut : Upload Tugas 4

Comments

  1. AnonymousMarch 25, 2021 at 5:52 PM

    c0720085@student.uns.ac.id_Jefri Firnanto || Mohon maaf pak belum bisa absen di siakad dikarenakan masih belum bisa krs an mengambil mata kuliah

    ReplyDelete
  2. AnonymousMarch 25, 2021 at 5:55 PM

    Richardo Pakpahan-F1B017026. Hadir Pak. Bisa Presensi disini soalnya tidak punya NIM UNS dan tidak bisa akses ice UNS

    ReplyDelete
  3. AnonymousMarch 25, 2021 at 6:04 PM

    Ruthtita Dea Ramadhanni 18052010009 - mohon maaf pak belum bisa absen disiakad karna kendala akses

    ReplyDelete
  4. RevanzaMarch 25, 2021 at 6:10 PM

    C0720084_Revanza Alif Rahmawan

    ReplyDelete
  5. NebulaZenMarch 25, 2021 at 8:16 PM

    Pande Putu Sunaryang Yogam Prasanta 19081010088 - mohon maaf pak belum bisa absen disiakad karna kendala akses

    ReplyDelete
  6. AnonymousMarch 30, 2021 at 11:08 PM

    C0718045

    Regina

    https://www.figma.com/proto/BDgtjAcHweyi1wR2rgXitj/JOKO-ANWAR?node-id=0%3A1&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  7. RevanzaMarch 31, 2021 at 1:19 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  8. RevanzaMarch 31, 2021 at 1:20 AM

    Nim : C0720084
    Nama : Revanza Alif Rahmawan
    Link karya hasil prototype web dengan figma : https://www.figma.com/proto/9pucJGqPetqNfD9OplbkyY/Untitled?node-id=1%3A2&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  9. AnonymousMarch 31, 2021 at 5:31 AM

    Nim : C0720082
    Nama : Badzlin Syarafina
    Link Prototype :
    https://www.figma.com/proto/JAZbVYkYM3YqCbqtXNV7yH/Webdesain-Badzlin-TaylorSwift?node-id=2%3A2&viewport=-74%2C292%2C0.125&scaling=contain&page-id=0%3A1

    ReplyDelete
  10. Reski Amaliya PratiwiMarch 31, 2021 at 7:58 PM

    Nim : C0720079
    Nama : Reski Amaliya Pratiwi
    Link Prototype : https://www.figma.com/proto/i8LU1QlztCsXC6S1RhOgww/Ria-Ricis?node-id=7%3A85&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  11. halamanbelakangMarch 31, 2021 at 11:53 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  12. halamanbelakangApril 1, 2021 at 12:52 AM

    Dewi Sri Widiani - C0720071
    Link Prototype : https://www.figma.com/proto/g3pE2CDdUVLc55jaS3T8j1/Paul-McCartney?node-id=1%3A3&scaling=contain&page-id=0%3A1

    ReplyDelete
  13. Octavianus FianApril 1, 2021 at 1:36 AM

    Nim : C0720077
    Nama : Octavianus Fian Pahothon Sukawidayanta
    Link Prototype :
    https://www.figma.com/proto/1KRidYTxVas8kYXhFNZEFX/WebDesain-Magnus-Carlsen?node-id=29%3A5&viewport=1020%2C260%2C0.7948761582374573&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  14. ErlanggaApril 1, 2021 at 1:36 AM

    NIM : C0720072
    NAMA : I Dewa Gde Satria Pramana Erlangga
    LINK PROTOTYPE :
    https://www.figma.com/proto/imw141jTgDGsSOFUd3dMWH/Tugas-Web-Desain?node-id=22%3A1&viewport=-1316%2C272%2C0.4186769425868988&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  15. Kevin.santApril 1, 2021 at 2:15 AM

    NIM : C0720075
    NAMA : MOCHAMMAD KEVIN SANTOSA
    LINK PROTOTYPE :
    https://www.figma.com/proto/BTgVOu23QhrFSxKO8iI4cH/tugas-1?node-id=86%3A91&viewport=325%2C215%2C0.43952667713165283&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  16. AnonymousApril 1, 2021 at 2:24 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  17. AnonymousApril 1, 2021 at 2:31 AM

    NIM : C0720078
    NAMA : Pande Putu Sunaryang Yogam Prasanta
    LINK PROTOTYPE :
    https://www.figma.com/proto/AalzNrnDIDA36J6nnpEs6Z/Untitled?node-id=0%3A3&scaling=scale-down&page-id=0%3A1

    ReplyDelete
  18. AnonymousApril 1, 2021 at 3:55 AM

    NIM : 18052010009
    NAMA : Ruthtita Dea Ramadhanni
    LINK PROTOTYPE : https://www.figma.com/file/rmXwoD5kwCOrdwblpPAI6B/Untitled?node-id=0%3A1.

    permisi pak Arif, mohon maaf saya masih belum mengganti NIM-nya dikarenakan waktu daftar disiakad masih ada kendala dan ini saya masih tanya ke koordinatornya

    ReplyDelete
  19. Muhammad Helmi Satria FediantoApril 1, 2021 at 4:25 AM

    NIM : C0720076
    NAMA : Muhammad Helmi Satria Fedianto
    LINK PROTOTYPE :
    https://www.figma.com/proto/gtcTSYxiDm92Dp2W2MXUxq/Raditya-Dika-Official?node-id=4%3A23&viewport=2944%2C1157%2C0.5283975601196289&scaling=contain&page-id=0%3A1

    ReplyDelete
  20. AnonymousApril 1, 2021 at 6:16 AM

    NIM : C0720083
    NAMA : Irenia Jastisia
    LINK PROTOTYPE : https://www.figma.com/proto/xbQTZRTMcyBvc0EdmuDOBw/Untitled?scaling=min-zoom&node-id=6%3A70

    ReplyDelete
  21. AnonymousApril 1, 2021 at 9:52 AM

    NIM : C0720081
    NAMA : Ahmad Dahlan
    LINK PROTOTYPE : https://www.figma.com/proto/xTwe0w4eaepIjo3Q3wz3eK/Untitled?node-id=1%3A68&scaling=min-zoom&page-id=0%3A1

    ReplyDelete
  22. AnyfahApril 1, 2021 at 10:48 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  23. AnyfahApril 1, 2021 at 10:51 AM

    NIM : C0720070
    Nama : Anyfah Permadani
    Link karya hasil prototype web dengan figma: https://www.figma.com/proto/BnUJulcS5BXS9y4RrecjPb/Untitled?node-id=1%3A2&viewport=-86%2C53%2C0.25&scaling=contain&page-id=0%3A1

    ReplyDelete
  24. AnonymousApril 1, 2021 at 11:12 AM

    NIM : C0720085
    Nama : JEFRI FIRNANTO
    Link karya hasil prototype web dengan figma: https://www.figma.com/proto/pLc4v6aXaJYR0HNAimMVNw/Untitled?scaling=min-zoom&page-id=0%3A1&node-id=1%3A39

    ReplyDelete
  25. AnonymousApril 4, 2021 at 5:03 PM

    NIM : C0720069
    NAMA : Anugerah Neilwan Hofry Manullang
    LINK PROTOTYPE : https://www.figma.com/file/r8Eor1HTeu1NYUsB7v4RuZ/Biografi-Singkat-Pdt.-Dr.-Erastus-Sabdono-%26-Sinode-GSKI?node-id=0%3A1

    ReplyDelete

Post a Comment

Popular posts from this blog

Pertemuan 7-8 : UTS Desain Web

-
Image
  Soal UTS Desain Web   Buatlah desain prototype web dengan tema sesuai kelas : Kelas I: Toko Buku Online Kelas J : Toko Pakaian / Fashion Menu Website yang wajib ada (Home, Produk ,  Gallery,  Contact) Boleh menambahkan menu lain sesuai kebutuhan. KETENTUAN TUGAS YANG DIKERJAKAN : Nim Genap silahkan membuat desain web versi desktop. Nim Ganjil silahkan membuat desain web versi Mobile Android. #deadline pengmumpulan tugas UTS "15 Oktober 2026"  Tugas berupa prototype online figma, dikirim melalui link Google Form Berikut :  https://forms.gle/crA7kMNYbQptk7yt6
Read more

Pertemuan 9 : Merancang Logika Score pada Game

-
Image
Pada pertemuan ini kita akan membangun game sederhana dengan nama "Fruit Game" dimana game ini kita kan mengumpulkan buah buahan. diman setiap buah akan memiliki score masing-masing: Anggur = +100, Jeruk = +50,  Peer = +25 dan apel = -100 (subtract). Untuk langkah pembuatannya silahkan melakukan download beberapa materi dibawh ini: Download Aset Download Tutorial Berikut Video penjelas materi Game Desain Logika Score
Read more

Pertemuan 9 mengenal Adobe Photoshop dan Cropping

-
Image
 Pelajari dengan cepat tentang tool Adobe Photoshop, melalui video berikut: ini :  Materi inti : Memotong  Foto (Cropping)  Pada pertemuan 9 ini kita mencoba aplikasi pengolah bitmap/ raster yaitu Adobe Photoshop, matari ini saya sampaikan karena dalam pembuatan karya cetak seperti poster, pamflet, brosur dll terkadang kita menambakan unsur foto sebagai gambar penjelas. sehingga saya merasa perlu menambahkan materi tentang cara memotong/ cropping gambar. Anda bisa menggunakan Adobe Photoshop Seri Apa-pun. Tugas : Download modul panduan cara cropping Gunakan foto ini untuk latihan cropping dan ganti warna background. Tugas pertemuan 9, dengan menggunakan foto anda sendiri lakukan penggantian background dengan warna merah, kuning dan biru(file disimpan dengan nama file : Nim_ Nama_Kelas. dan untuk format file *.jpg atau *.pdf). Contoh Tugas Contoh Tugas  5. Hasil dikirim melalui link Google Drive Berikut (sesuai kelas) :  Kelas A Kelas B kelas C   Kelas...
Read more