6 Tips Dasar Desain Web bagi Pemula di Photoshop

dedekgoenawan
By dedekgoenawan February 21, 2020 15:43

6 Tips Dasar Desain Web bagi Pemula di Photoshop

Oke teman teman dipembahasan kali ini saya akan membahas tentang tips dasar desain web yang sangat cocok bagi pemula. Mungkin kalian sudah tidak asing lagi dengan yang namanya desain web, seperti namanya desain web bertugas untuk mendesain tampilan sebuah halaman website. Untuk itu mari kita lanjutkan ke pembahasan.

Berikut 6 Tips dasar desain web bagi pemula di photoshop :

grid system untuk web desain pada photoshop

Grid system ini adalah garis kolom kolom yang membantu kita untuk mendesain tampilan web yang lebih. Selain membuat susunan konten web kita lebih rapi, Grid system ini akan membantu web developer mengembangkan website kita menjadi responsive nantinya. Jadi grid system ini akan sangat membantu sekali untuk desainer dan juga depelovernya.

Teman teman bisa googling dengan keyword 1200 grid system psd, nah teman teman juga bisa menyesuaikan kolom sesuai yang kalian inginkan.
untuk itu Grid System dapat teman - teman coba sendiri untuk diguunakan sebagai Dasar Desain Web Bagi Pemula di Photoshop

web safe fonts untuk desain yang buat dari photoshop

Web safe fonts ini adalah beberapa font default pada masing masing browser, ini juga akan membantu depelover untuk coding lebih cepat. biasanya menggunakan font unik dibagian heading, judul halaman, atau menu navigasi untuk membuat tampilan lebih menarik dimata audience, sehingga dapat menarik perhatian para audience, untuk itu Web Safe Fonts dapat teman teman coba gunakan sendiri

3. Skema warna branding

schema warna branding buat desain web

Dibagian skema warna branding ini, biasanya desainer menggunakan warna dari warna brand itu sendiri, dengan mengkombonasikan warna tersebut sehingga membuat warnanya lebih menyatu kedalam brand yang sedang dikerjakan.

dalam memilih warna terkadang kita memiliki banyak kendala yang harus kita hadapi , tetapi dengan menggunakan skema warna branding ini dapat membantu teman - teman semua dalam memilih warna yang baik dan benar

4. Gunakan warna yang konsisten

Maksud dalam menggunakan warna yang konsisten adalah kita menentukan warna warna khusus dalam suatu halaman website, baik dari button hyperlink, menu, ataupun kata penjelasan. Misalnya kita menggunakan warna hijau muda untuk disetiap button hyperlink, lalu kita menggunakan warna kuning untuk disetiap bagian simbol, yang penting kita memilih warna khusus disetiap bagian buttonnya.

sehingga memudahkan para audiens kita apabila dia berkunjung kehalaman website kita , untuk itu pemilihan warna yang konsisten membuat para audiens kita nyaman , dan usahakan dalam memilih warna jangan terlalu banyak , supaya terkesan tidak norak , karena kebanyakan warna pada website kita , membuat para audiens tidak nyaman

5. Kompresi foto/video

kompresi foto atau video untuk mempercepat web

Didalam setiap halaman website pasti akan ada file gambar yang terpampang sebagai penjelas dari sesuatu, baik itu video. Untuk itu kompreslah terlebih dulu foto/video yang ingin dimasukkan menjadi lebih kecil agar ketika gambar itu sudah menjadi script css maka itu akan membuat responsive dari suatu halaman web menjadi lebih cepat, untuk itu ada juga plugin tambahan didalam wordpress yang namanya Smush , yang mana membantu untuk mengecilkan ukuran gambar , sehingga proses loading pada website kita menjadi lebih cepat , untuk teman - teman yang bisa menggunakan photoshop , dapat mengecilkan gambar nya di aplikasi Photoshopnya sendiri

6. gunakan shape icon

Pastikan kalian menggunakan shape icon agar tampilanya menjadi lebih menarik. Serta gunakan shape icon yang lebih terlihat modern agar halaman website kita menjadi lebih menarik dimata para audience.
usahakan gunakan shape yang terkait dengan artike yang kita buat , contohnya ketika kita membuat artikel tentang desain , maka kita gunakan shape atau icon yang nyambung dengan artikel tersebut .

Oke teman teman itu saja sekian pembahasan dari saya, 6 Tips dasar desain web bagi pemula di photoshop , semoga dengan membaca artikel ini , teman - teman semua dapat terbantu sehingga memudahkan teman - teman dalam mendesain web di photoshop , dan jangan lupa terus berlatih skil yang dimiliki , agar kemampuan yang kita miliki dari hari ke hari semakin hebat , Oke sekian dari saya semoga bermanfaat dan sampai jumpa.
jangan lupa baca artikel koncoy.com yang lainnya

Baca Juga :

dedekgoenawan
By dedekgoenawan February 21, 2020 15:43
Write a comment

No Comments

No Comments Yet!

Let me tell You a sad story ! There are no comments yet, but You can be first one to comment this article.

Write a comment
View comments

Write a comment

<