TUGAS KELOMPOK

Nama Kelompok 5:

1. Shafira Syawalia (0215101233)

2. Rizka Dwi Ayu (0215101731)
3. Lia Aprileniansah

1) Diskusikan Alamat Web berikut ini (Garis, bentuk, ruang, tekstur, ukuran):

http://connectthedotsinc.com
 Menurut analisis kelompok kami pada Web http://connectthedotsinc.com memiliki desain
yang simple tetapi unik, dikarnakan pada web tersebut memiliki desain yang sangat sederhana
tetapi miliki sedikit desain yang berbeda, hal ini ditunjukan pada gambar kedua. Pada gambar
kedua tersebut telihat animasi garis transparan yang menginisialkan satu artikel dengan artikel
yang lainnya. Tetapi sebenarnya animasi garis transparan yang menghubungkan satu artikel
dengan artikel lainnya tidak berfungsi melainkan hanya sebagai desain web tersebut. Ketika
pertama kali masuk kedalam web tersebut connectthedotsinc memberi kesan yang mudah
dijangkau oleh pembaca, dikarnakan posisi dan settingan web tersebut mudah dipahami. Untuk
sebuah web connectthedotsins pada tampilannya memiliki penempatan posisi artikel yang
berbeda-beda, tidak terlalu banyak artikel dan hanya beberapa artikel pada halaman-halaman
web sehingga memberikan kesan halaman yang luas dan hal tersebut tidak membuat pembaca
merasa jenuh.

Berikut unsur-unsur yang kami analisis:

- Garis: Pada web connectthedotsinc terlihat animasi garis transparan ini memiliki
kesan yang berbeda dari web tersebut. Sehingga untuk para pengunjung web/pembaca
web tersebut menjadi penasaran dan membuat mata pengunjung melihat isi konten
yang terletak pada halaman web
- Bentuk: Pada web connectthedotsinc terlihat beberapa gambar yang berbentuk
persegi panjang yaitu horizontal maupun vertical di halaman web yang tidak
beraturan. Sehingga web tersebut memberikan kesan yang berbeda di mata
pengunjung web.
- Ruang: Ruang yang dimiliki connectthedotsinc antara elemen satu dengan yang
lainnya memberikan cukup banyak jarak. Sehingga memberikan kesan yang luas dan
membuat para pengunjung web dengan mudah menemukan apa yang dicarinya.
- Texture: Pada connecthedotsinc tidak memberikan texture yang menonjol, pada web
ini hanya memerikan kesan polos yaitu warna hitam dan putih pada background tetapi
web ini hanya memainkan warna pada artikel yang meraka unggah. Setiap artikel
yang mereka unggah selalu colorfull sehingga ini menyeimbangkan pada bagian
background halaman yang polos.
- Ukuran: Pada web connectthedotsinc memiliki ukuran tulisan Connect The Dots yang
tidak terlalu besar tetapi masih terlihat oleh pengunggung web. Dikarnakan hanya ada
yang terlihat di halaman web tersebut hanya tulisan tersebut. Untuk ukuran menu
lainnya memiliki ukuran yang tidak terlalu besar juga tetapi cukup terlihat dikarnakan
memiliki warna hitam yang mencolok. Dengan ini memberi kesan web tersebut
sangat simple dan sederhana.
Eastroom.ca
 Menurut analisis kelompok kami pada Web Eastroom.ca memiliki desain yang padet,
dalam artian space antara elemen lainnya itu saling berdekatan dan berkesan penuh. Web
eastroom.ca ini sebenernya memiliki sedikit elemen tetapi dia memeberika tulisan yang sangat
besar pada halaman tersebut sehingga memberikan kesan penuh. Tetapi web ini memberikan
kesan yang unik yaitu pada bagian header terdapat tulisan about, membership, room service,
apply, members, dan contact. Setiap elemen tersebut tertata pada halaman web, misalnya about
memiliki posisi dipaling atas halaman sedangkan membership diposisikan setelah about, begitu
juga seterusnya. Web ini memiliki konsep yang menarik, ketika pengunjung mengklik salah satu
elemen tersebut otomatis mencari sesuai apa yang pengunjung cari dengan konsep scroll.
Misalnya pengunjing ingin membuka halaman apply yang berarti apply berada di posisi ke
empat maka web ini dengan otomasis mengscroll dari abour, membership hingga apply. Disini
lah web tersebut memiliki perbedaan dari yang lain.

Pada halaman web pertama terdapat tanda panah di bagian paling bawah bagian tengah,
disini akan membuat pengunjung penarasan dengan fungsi tanda panah tersebut apakah
berfungsi atau hanya sebagai hiasan. Pada bagian tandah panah tersebut terdapat fungsi untuk
memnunjukan terdapat elemen member log in seperti pada gambar ke dua yang kami tunjukan,

Berikut unsur-unsur yang kami analisis:

- Garis: Pada web eastrrom.ca memiliki garis yang cukup tebal sebagai pembatas pada
headline welcome to yang kemudian terarahkan ke east room. Hal ini membuat perhatian
pengunjung pertama ke welcome to dan kemudian terarahkan ke tulisan east room. Selain
itu terdapat tanda panah yang berfungsi untuk menunjukan member log in. pada elemen
panah tersebut menurut kelompok kami unik karna langsung terhubung pada link
 member log in sehingga pengunjung tidak perlu mencari dengan sulit, yang terlebih lagi
tanda panah kecil yang berada di tengah bawah halaman yang akan membuat pengunjung
web penasaran atas fungsinya.
- Bentuk: bagian dari bentuk untuk web ini adalah tulisan yang cukup besar sehingga
membuat perhatian pengunjung web langsung tertuju pada tulisan di headline tersebut.
Selain itu pada web ini hanya memposting foto yang berbentuk persegi dan persegi
panjang yang tersusun pada halaman halaman berikutnya, hal ini cukup banyak terdapat
pada web lain. Tetapi pada web tersebut sebagai batas antara halaman satu dengan yang
lainnya menggunkan animasi gambar carton maupun abstrak.
- Ruang: untuk halaman pertama yang berfungsi sebagai headline terkesan peuh
dikarnakan terdapat tulisan yang cukup besar yang bisa menarik mata pengunjung. Untuk
halaman berikutnya cukup mempunyai ruang kosong untuk memberi focus terhadap
elemen yang ingin ditonjokan dan memberikan kesan desain yang lebih clean dan
relaxing.
- Texture: pada web ini tidak memberikan texture yang sangat meninjol hanya sajar
dibeberapa halaman web terdapat animas yang memberikan kesan kalem dan pada
halaman membership hanya terdapat penjelasan membership yang dibedakan hanya
berbackground putih dan tulisan item yang memberi kesan sangat simple.
- Ukuran: untuk ukuran foto yang di unggah pada web ini memang menggunkan konsep
yang hamper full halaman sehingga memberikan kesan yang sangat jelas terhadap foto
yang diunggah.

https://www.ableton.com/
 Menurut kelompok kami web ableton ini memiliki desain simple dan mudah di mengerti
dalam penggunaan nya. Terlihat pada tampilan web ableton yang menonjolkan beberapa video
yang popular dan merekomendasikan video-video yang mungkin di butuhkan oleh para
pengunjung web tersebut. Pada web tersebut terlihat penegasan tulisan yang ditonjolkan melalui
font yang mereka beri dengan warna biru, agar perhatian pengunjung web teralihkan kepada hal
yang mereka tonjolkan. Namun, menurut kelompok kami web tersebut kurang menarik
perhatian, dikarenakan web terlalu kuno dan warna font yang digunakan pada rekomendasi video
teratas sangat tidak sesuai. Ini membuat kesalahan dalam penempatan warna yang sehingga
terlihat begitu tidak sinkron.

Berikut unsur-unsur yang kami analisis:

- Garis: Pada web ableton tidak menggunakan banyak garis, mereka hanya
menggunakan penegasan pada bentuk, warna, dan sedikit garis penegas saja agar
pengunjung web tidak memiliki banyak focus yang dapat mengalihkan perhatian
pengunjung web kepada hal yang tidak ingin di tonjolkan.
- Bentuk: Dapat kita lihat pada web ableton tidak banyak bentuk yang mereka gunakan
dan tonjolkan hanya bentuk persegi yang mereka gunakan untuk mendesain web yang
mereka miliki, ini bemaksud agar pengunjung web tidak merasa bingung dan
terganggu atas penempatan bentuk yang digunakan dan bisa kita lihat memang web
ableton ini terkesan rapi.
- Ruang: Dalam web ableton ruang yang dimiliki nya begitu terkesan sangat luas dan
penuh, walaupun tidak banyak objek yang dimasukkan dan digunakan. Hal ini
membuat para pengunjug web merasa nyaman dan mudah dalam menentukan objek
yang di inginkannya.
- Texture: Dalam web ableton ini tidak banyak texture yang digunakan karena memang
web ableton memiliki web yang simple. Dengan hanyak menghunakan warna-warna
yang pada umumnya dan tidak terlalu banyak hiasan-hiasan yang diberikan pada web
tersebut.
- Ukuran: Pada web ableton memiliki ukuran yang cukup besar pada video rekomdasi
paling atas yang mereka begitu tonjolkan, hal ini membuat focus pengunjung web
akan otomatis teralihkan perhatian awalya terhadap video tersebut. Namun hal ini
sangat disayangkan tidak begitu menarik dikarenakan penempatan warna font yang
tidak sesuai. Dalam ukuran video di bawah nya dalam satu halaman home cukup
dikatakan sesuai dan tidak begitu terlalu besar atau pun kecil.
www.insideasiatours.com
 Menurut kelompok kami pada web insideasiatours ini memiliki tampilan yang begitu
menarik ketika awal mula kita mengakses web tersebut karena mereka sangat menonjolkan
keindahan dan artistik dari sebuah fotografi. Melihat home kelanjutan dari web tersebut terkesan
sangat penuh dan dipadati oleh banyak sekali tulisan dan beberapa foto dari sebuah Negara dari
penjelasan tulisan tersebut. Jika dilihat sekilas memang sangat terlalu dipenuhi tulisan namun
memang sebenarnya dapat lebih meminimalisir penempatan tulisan tersebut agar tidak terkesan
sangat padat. Dalam web tersebut pun terdapat beberapa penegasan yang dilakukan
menggunakan warna merah agar fokus pengguna dan pengunjung web pun dapat teralihkan
perhatian nya. Kemudian terdapat icon-icon yang mempermudah pengunjung web dengan
disediakan rekomendasi hal-hal yang mungkin dicari sekali oleh pengunjung web.

Berikut unsur-unsur yang kami analisis:

- Garis: Pada web insideasiatours menggunakan garis yang sesuai, dapat dilihat
penggunaan garis dalam web ini diguakan sebagai pembatas antara fokus yang satu
kepada fokus yang lainnya. Hal ini mempermudah pengguna dan pengunjung web.
- Bentuk: Dapat kita lihat pada web insideasiatours bentuk yang mereka gunakan
simple dan mempermudah pengunjung web. Hanya menggunakan bentuk persegi dan
tidak membuat pengunjung web pun merasa terganggu akan hal tersebut. Karena web
insideasiatours pun terlihat modern namun tidak banyak warna yang ditonjolkan
membuat pegunjung pun merasa nyaman.
- Ruang: Dalam web insideasiatours ini terlihat agak padat akibat banyak tulisan yang
digunakan dalam web tersebut. Sehingga perhatian pengunjung web pun akan
teralihkan terhadap hal lain yang lebih menonjol dalam web tersebut. Namun
penempatan nya tetap sesuai dan terkesan rapi namun tetap menarik
- Texture: Dalam web insideasiatours ini banyak unsur fotografi yang di tonjolkan
karena itulah yang memang mereka ingin perlihatkan dalam web ini. Hal ini sangat
terlihat pada saat pertama kali mengakses web, para pengunjung web langsung
disuguhkan penampilan fotografi yang begitu sangat mengesankan. Dalam
memperlihatkan konten pun sesuai penempatan warna dari segi bentuk dan font.
Membuat pengunjung web tidak merasa bingung.
- Ukuran: Pada web insideasiatours ukuran foto yang mereka perihatkan pada header
awal web pun sangat mencuri perhatian pengunjung web, dan membuat pengunjung
web pun tertarik untuk mengetahui lebih dalam dari isi web tersebut. Ukuran dari
beberapa konten yang mereka buat pun sesuai dan pas untuk web mereka. Namun
yang sangat di sayangkan adalah beberapa tulisan pada web tersebut terkesan
menggangu akibat terlalu banyak tulisan yang mereka salurkan dengan ukuran font
yang agak begitu kecil.