MACAM-MACAM JENIS DAN GAYA DESAIN WEB

Karena sebelumnya kita sudah membahas tentang prinsip mendesain yang baik serta web responsif, sekarang kita akan memberikan bagi anda yang ingin mendesain sebuah web jenis dan gaya desain web yang bisa menjadi inspirasi desain anda.

Dalam dunia desain pastilah terdapat jenis dan gaya yang membedakan atau menjadi pembeda antara satu dengan yang lain. Begitu pula dalam dunia desain web, tentu jenis dan gaya juga bermacam-macam serta memiliki khas masing-masing.

Dalam desain web terdapat pula tren desain, yaitu jenis dan gaya yang sedang banyak dipakai dan banyak digemari oleh pemilik serta para desainer web itu sendiri. Misalnya pada tahun 2014 lalu, gaya flat design menjadi favorit dan menjadi popular dikalangan desainer web. Gaya ini diperkirakan akan terus menjadi pilihan favorit sampai beberapa tahun mendatang.

Selain flat design yang nanti juga akan kita bahas, macam-macam jenis dan gaya desain web apa sajakah yang ada, sebenarnya banyak sekali macam jenis dan gaya desain web, tetapi kami akan memberikan anda jenis dan gaya desain web yang populer dan banyak digemari hingga tahun 2015 ini, lalu apa sajakah jenis dan gaya tersebut? Berikut macam-macamnya 

Flat Design

Flat Design sendiri adalah Desain yang mengusung bentuk simpel dengan membuang segala bentuk effect gradasi,bayangan,glossy dan lain-lain. Sehingga yang tampil adalah bentuk flat simple dan perpaduan warna yang enak dilihat. Beberapa desainer dulu menganggap flat desain ini membawa kemunduruan pada dunia desain karena seperti kembali kejaman dulu, padahal jaman sekarang banyak software desain yang dapat membuat desain bahkan seperti aslinya atau realistic. Tetapi pada kenyataannya begitu pula pada dunia web desain gaya-seperti ini menjadi booming,popular dan menjadi favorit banyak orang.

Better Typography

Better typography merupakan jenis dan gaya desain web yang banyak menggunakan tulisan didalamnya. tulisan yang ada bukanlah sembarang tulisan, karena tulisan yang digunakan dibuat dan dibentuk sedemikian rupa sehingga menjadi bagus dan dapat menjadi daya tarik utama yang membedakan dari gaya desain web yang lain. Tulisan yang dipilihpun merupakan kata atau kalimat yang tak sembarangan, tulisan yang dipilih biasanya menunjukkan identitas web, informasi atau kata-kata untuk meyakinkan pembaca mengenai web tersebut.

Hand Drawn Illustrations 

macam-macam jenis dan gaya desain web selanjutnya adalah hand drawn illustration, gaya desain web ini yaitu menggunakan gambar atau illustrasi yang wujudnya seperti buatan tangan alami yang tidak berwarna maupun berwarna seperti memakai crayon atau pensil warna. Walaupun gambar atau illustrasi tersebut dibuat dengan software/aplikasi namun dengan mengambil bentuk seperti buatan tangan hasilnya menjadi natural, unik dan menarik.

Parallax Effect

Jenis dan gaya desain web ini juga sering kita jumpai di beberapa website, gaya ini merupakan perpaduan antara realistic gambar/foto dengan text yang dibuat secara sederhana dan simpel. Gaya ini menjadi pilihan banyak pemilik web atau para desainer karena memiliki effect ellegant walau tampilannya hanya sederhana. banyak pula desainer memakai gaya ini dipadukan dengan warna-warna soft yang cenderung gelap.

Minimize

Macam-macam jenis dan gaya desain web yang terakhir yang akan kita bahas adalah gaya minimize, gaya ini merupkan gaya yang memadukan flat design dan typography tetapi dibuat menjadi jauh lebih simpel dan sederhana. tetapi jangan salah walau sangat sederhana tetapi jenis dan gaya ini tetap menjadi pilihan banyak desainer dan pemilik web. pernah dengar istilah KISS (“Keep It Simple, Stupid!” atau “Keep It Short and Simple“)? Istilah ini sudah sejak lama digunakan. Dan tampaknya ini masih akan terus berlaku untuk web design. yang unik dalam membuat jenis ini adalah bagaimana kita membuat deain web yang sesimpel dan sesederhana mungkin tetapi masih terlihat menawan. 

 

 

itulah beberapa jenis dan gaya desain web yang baik dan sedang ngetren pula. bagaimana, sudah dapat insprasi untuk mendesain? semoga postingan kali ini bermanfaat dan sampai jumpa di postingan lainnya..

Baca juga:

apa sih perbedaan web designer & web developer?

pentingnya desain web yang responsif

5 HAL HARUS DIPERHATIKAN SAAT MEMBUAT WEB RESPONSIF

Sudah tahukan website responsif itu apa?

Untuk mengetahui apa itu website responsif serta manfaat dan keuntungan jika kita menggunakan website responsive anda bisa klik disini.

Sudah mengertikan pentingnya web yang responsif? Sebuah website yang responsif memang saat ini sangat penting  dan malah  seperti sudah menjadi keharusan dimiliki oleh pemilik website serta bagi para pembuat dan perancang website untuk mengembangkan teknik desain responsif ini.

Tetapi ada hal-hal penting yang harus diperhatikan dan tidak boleh lupa ketika anda memiliki dan membuat website yang responsif. Tentunya anda menginginkan sebuah website yang sempurna bukan? Website yang sempurna dan dikatakan bagus tentu terdiri dari beberapa aspek yang baik, meskipun proyek yang anda buat terlihat baik dari sudut pandang desain, masih ada hal-hal yang dapat menghancurkannya seiring dengan berjalannya waktu.

Berikut akan kami sampaikan 5 hal harus diperhatikan saat membuat web responsif, hal ini dapat membantu menjadikan website responsif anda lebih maksimal serta dapat menghemat waktu pembuatannya sehingga dapat dikatakan website responsif yang anda miliki nantinya sudah ‘sempurna’ dan merupakan website yang baik.

 Konten Menjadi Fokus Utama

Konten merupakan point yang paling penting untuk diingat serta diperhatikan baik anda menggunakan pendekatan apapun seperti mobile, desktop atau pendekatan-pendekatan lainnya.

Hal ini harus anda fikirkan sebelum anda menulis kode program dan membuat setiap wireframe ataupun maket, karena konten haruslah dapat mendorong struktur dan organisasi dari website anda,  yang mana dapat menjadikan website yang anda miliki lebih familiar dengan konten tersebut. Perlu diingat, tanpa konten yang baik  maka juga  tidak akan ada traffic kunjungan yang diinginkan. Dengan konten yang tepat, maka mesin pencari akan mengenali website dan akan mendatangkan traffic kunjungan.

     Performa dan Javascript

Katika membicarakan tentang performa website, maka Javascript dapat  dikatakan menjadi pengaruh utamanya. Javascript memiliki plugin yang bagus-bagus dan sangat banyak jumlahnya, sehingga animasi yang dapat dibuat begitu mengesankan.

Akhirnya hal itu memacu web designer dengan leluasa memakai banyak sekali plugin agar website nya tampil 'amazing' tanpa memikirkan performa website nantinya, bahkan tidak tanggung-tanggung puluhan plugin jquery di load secara bersamaan karena website tersebut sangat banyak menggunakan efek dan lainnya.

Hal diatas tentu sangat memberatkan website nantinya. Biasanya ini bisa kita lihat di template yang multipurpose, dimana template bisa digunakan untuk semua jenis website, dan untuk membuat itu biasanya sang developer menyertakan semua plugin yang digunakan jenis-jenis website tersebut.

 Memperhatikan Retina Display

5 hal harus diperhatikan saat membuat web responsif yang ketiga adalah dengan memperhatikan bagaimana penampilan website anda pada perangkat yang sudah menggunakan retina display. Layar ini memiliki pixel density yang lebih tinggi yang berarti kemampuan untuk menampilkan lebih banyak pixel dan jauh lebih baik sehingga tampilan yang dihasilkan lebih halus.

Singkatnya, Anda dapat melihat lebih detail dalam resolusi tinggi atau lebih kecil dalam gambar yang beresolusi rendah.
Intinya adalah pikirkan untuk menyertakan gambar untuk resolusi yang lebih tinggi yang akan ditampilkan hanya ketika user menggunakan perangkat yang disertai fitur retina display.

Memperhatikan Bandwidtch

Dengan memperhatikan bandwidth sama dengan hal ayng berkaitan dengan optimasi,anda harus memperhatikan secara menyeluruh apa saja yang harus anda perlukan untuk mengoptimalkan segala hal yang anda dapat lakukan. Seperti mengoptimalkan file CSS dan Javascript dengan membuat nya menjadi terkompres atau istilahnya di minify, memilih penggunaan gambar dengan ukuran/resolusi yang lebih kecil serta hal lainnya yang dapat berhubungan optimasi

Memperhatikan Typography

Typography juga hal tidak boleh disepelkan dalam website responsif, karena pada intinya website merupakan 95% typography. Sebagian besar konten yang kita konsumsi setiap hari adalah tergantung dari tipografi, baik itu postingan di blog atau infographic. Typography juga termasuk hal penting dalam prinsip penting dalam mendesain web.

Jadi pilihlah font yang baik untuk website anda. pertimbangkan ukuran font ketika website dibuka di layar yang kecil , pertimbangkan warna font agar terlihat jelas di layar pengunjung, pertimbangkan warna font agar terlihat jelas di layar pengunjung, gunakan jenis font yang mudah dibaca dan tidak membingungkan, Pertimbangkan pula besar file font yang akan di load.

Demikian itu 5 hal harus diperhatikan saat membuat web responsif yang dapat dijadikan pula Tips untuk anda jika ingin memiliki atau membeuat website yang responsif.

semoga bermanfaat, sambai ketemu lagi di postingan selanjutnya..

Baca juga :
apa sih perbedaan web designer dan web developer
hal-hal yang harus di ingat saat membuat website responsif
jenis dan gaya web

PENTINGNYA DESAIN WEB YANG RESPONSIF

Apa itu Desain web reponsive?

Desain web responsive atau Responsive web design merupakan teknik yang dipakai untuk membuat layout website dapat menyesuaikan diri ketika dilihat atau diakses menggunakan perangkat yang digunakan, karena tampilan yang ada di destop dan yang ada di smartphone tentu akan berbeda. Selain dapat mempengaruhi apa yang ditampilkan pada perangkat tertentu, Hal ini juga untuk mengoptimalisasi kenyamanan pengguna untuk menjelajah web dari tampilan, navigasi serta konten website tanpa merubah ukuran halaman web dari perangkat apapun yang mereka gunakan.

Untuk mengetahui atau mengetes tampilan website memakai teknik responsive secara umum caranya cukup mudah, tidak harus mengaksesnya dari mobile devise maupun perangkat lain tetapi cukup dengan meminimize brower anda kedalam bentuk atau ukuran mobile devise, dari situ kita sudah dapat mengetahui apakah website tersebut sudah responsive atau belum. Dari penjabaran diatas, seberapa pentingkah responsive web design itu?

Tidak bisa dipungkiri saai ini pengguna perangkat mobile dan smartphone untuk browsing internet tidak terkecuali mengakses sebuah website sudah berkembang pesat dan semakin banyak jumlah pemakainya, tentu hal ini salah satunya didasari kepraktisan  atau kemudahan pemakai untuk mencari informsai atau apa yang dibutuhkannya.

Pada tahun 2015 ini diperkirakan traffic mobile internet akan menyalip traffic desktop, artinya pengguna internet yang mengakses melalui mobile seperti handphone & tablet lebih banyak dibandingkan dengan personal komputer (desktop dan notebook)

Nah dari hal dasar itulah kini hadir responsive web design dimana sekarang banyak designer semuanya membangun web dengan pendekatan mobile-first untuk memaksimalkan desain dan tampilan websitenya setelah sebelumnya situs hanya dioptimasi untuk personal komputer desktop saja. Tentu pemilik web tidak mau “merugi” karena website miliknya ditinggakan oleh pengguna karena tidak bisa optimal saat dibuka di perangkatm mobile, karena kesan negatif akan muncul jika pengalaman mobile pengguna  ‘bermasalah’ pd suatu website. Hal itu tentu bisa menghalangi mereka melakukan bisnis dengan anda.

Maka dari itu pentingnya desain web yang responsif akan diuraikan dibawah ini:

1. Direkomendasikan Oleh Google

Bahkan google yang merupakan mesin pencari terbesarpun merekomendasikannya,

Google merekomendasikan web responsive karena hal itu lebih efisien bagi bot google untuk menjelajahi situs anda dan kemudian mengindeks serta mengatur semuanya di hasil pencarian mereka, alasan untuk itu adalah karena dengan desain responsif, semua situs hanya memiliki satu URL dan HTML yang sama di semua perangkat.

 2. Menaikkan Jumlah Conversion Rates

pentingnya desain web yang responsif untuk menaikkan jumlah konversinya, jika sebuah website tidak dapat berfungsi dengan baik / tidak dapat diakses dengan mudah maka tindakkan pengunjung tidak dapat dikonversi, misal faktanya 69% pengguna belanja menggunakan tablet untuk belanja, angka yang besar bukan? Hal itu akan merugikan jika pengguna tersebut membatalkannya karena website bermasalah atau terlalu banyak langkah jika di akses di device mobile.

3. Lebih Terdepan dalam Bersaing

Dalam dunia bisnis, kita tentu harus berada di depan, harus lebih dulu dan lebih maju dibanding kompetitor. Desain web responsive disukai oleh google, jadi kemungkinan anda berada di baris terdepan di hasil pencarian google tentu lebih besar. Dengan ini tentu anda bisa menyalip calon pembeli agar tidak menuju website pesaing anda. Website anda juga akan dinilai baik bahkan lebih modern oleh pengunjung. Website yang baik akan lebih disenangi tentunya.

4. Mudah untuk DiKelola/Upgrade/Maintence

Dengan responsive, website sudah bisa menyesuaikan diri dengan lingkungan yang digunakan. Jadi kita tidak perlu repot - repot lagi untuk mendesain website versi mobile dari awal.

Tidaklah perlu lagi ‘bekerja’ dua kali dalam mengelola, mengupgrade dan memperbaiki websitenya, berbeda halnya dengan website dua versi dimana harus mengelola dua website sekaligus, dan yang penting akan lebih menghemat biaya dan tenaga.

5. Membuat User Senang dan Nyaman

Desain web yang responsif dapat memberikan pengunjung pengalaman yang lebih baik. Sebagai contoh, pengguna tidak perlu main-main dengan zoom dan mengecilkan teks dan gambar pada layar. Hal ini membuat lebih mudah dan lebih nyaman bagi pengguna untuk membaca dan menjelajahi situs anda.

6. Mengurangi Bounce Rate

Apabila menggunakan desain yang responsive, pengunjung pasti akan merasa nyaman. Bagi website yang tidak menggunakan desain yang responsive meski di mesin pencari berada diurutan teratas, pasti bagi pengguna smartphone tidak efektif. Pengguna smartphone harus meng-scroll kesamping, dan itu pasti akan membuat jenuh sehingga mereka cepat meniggalkan situs Anda.

7. Membuat Traffic Lebih tinggi

Pastinya hal ini akan terjadi ,Semakin berkembangnya teknologi dan merajalelanya smartphone, penggunaan responsive web design ini semakin diperhitungkan. Dengan desain yang responsive pasti pengunjung yang menggunakan smartphone lebih banyak dibandingkan dengan desain yang non-responsive.

Jadi bagaimana pentingnya desain web yang responsif? Sungguh bermanfaat sekali bukan?  Maka dari itu segeralah miliki website responsive anda, yang pastinya akan sangat bermanfaat.

Bagaimana ingin mencoba membuat web responsif? Baca artikel berikut hal-hal yang harus di ingat saat membuat website responsif sebelum anda benar-benar menginginkan dan membuat sebuah desain web yang responsif.

Sekian dulu, jaga kesehatan anda dan sampai jumpa kembali di postingan yang lainnya..

Baca juga :

apa sih perbedaan web designer & web developer?
4 prinsip paling penting dalam mendesain web yang baik

4 PRINSIP PALING PENTING DALAM MENDESAIN WEB YANG BAIK

Anda ingin menjadi web desainer atau mungkin ingin mencoba mendesain sebuah website walau hanya untuk website anda sendiri? Sudah tahukan apa saja tugas seorang desainer web itu? jawabannya dapat dilihat disini.

Sebelum anda mencoba mendesain sebuah website, perlu anda ketahui ada prinsip-prinsip yang penting yang harus disertakan, jika hal-hal itu tidak ada maka tidak akan sempurna dan tidak akan dianggap baik pula desain web yang anda buat tersebut.

Setiap orang memang memiliki imajinasi maupun selera yang berbeda-beda, kadang juga seseorang memiliki sebuah ciri khas dalam membuat desain miliknya, tetapi beberapa hal berikut menjadi kunci persamaan dalam mendesain sebuah website. Berikut 4 prinsip paling penting dalam mendesain web yang baik :

1. Branding Logo Tidak Berubah-ubah / Tetap Konsisten

Logo merupakan identitas pertama dan utama dalam sebuah website, berbagai bentuk logo telah banyak  dibuat untuk berbagai website sesuai tema maupun keinginan pemilik. 

yang jelas bagaimanapun bentuk logo tersebut haruslah dapat dimanfaatkan dengan baik, seperti dibawah ini:

• usahakan jangan ganti-ganti logo, karena logo identitas utama yang dapat digunakan untuk membantu orang mudah mengingat dengan prodak/proyek kita, terkadang logo yang sering tidak mudah dilupakan orang adalah logo yang unik dan memiliki chiri khas.
• tempatkan logo pada posisi yang benar,tempatkan logo pada tempat yang mudah dilihat.
• konsisten dalam penempatan logo, jangan tempatkan logo berindah-pindah posisinya.
• sesuaikan warna logo dengan warna website, warna logo dan website yang tidak cocok dapat membuat tampilan menjadi bruruk

2. Memiliki Sistem Navigasi yang Baik 

Prinsip penting dalam mendesain web yang baik selanjutnya adalah memiliki sistem navigasi yang baik, sebagus apapun desain website yang anda buat, jika pada bagian navigasi buruk bahkan menyulitkan dan membingungkan pemakai maka hal itu tidak ada gunanya. Hal ini menunjukan seberapa pentingnya sebuah sistem navigasi. Buatlah sistem navigasi website anda jelas, penempatan/posisi yang baik, dan mudah digunakan.

3.  Menggunakan Gambar / Multimedia / Icon

Multimedia  dan gambar merupakan salah satu hal yang paling dapat membuat menarik bagi pengguna, pengguna akan merasa senang jika terdapat multimedia didalammya seperti video maupun gerakan-gerakan visual  serta gambar-gambar maupun icon-icon yang akan membuat pengguna lebih mudah paham/mengerti, jadi pilihlah multimedia yang bagus yang dapat membantu memudahkan pengguna karena banyak orang tidak tahan membaca tulisan maupun artikel yang panjang. seperti buku, website tanpa gambarpun dapat membuat pengguna menjadi bosan, maka dari itu manfaatkan multimedia untuk membantu anda.

Tetapi harus diingat sesuatu yang berlebihan itu tidak baik, multimedia maupun gambar memang diperlukan tetapi jika sudah berlebihan dan membuat tampilan terlalu ‘semrawut’ / tidak jelas, hal itu harus dihindari. intinya buat tampilan masih dinamis dan ‘enak’ dipandang.

 4. Font yang Baik

‘Font’ satu kata yang sering digunakan dalam berbagai hal, sesuatu yang kecil tetapi manfaatnya besar. Lihat saja seperti hal-hal yang harus di ingat saat membuat website responsif. Hal itu memanglah benar karena isi dari sebuah web adalah subuah huruf ataupun kalimat yang akan menjadi pecarian utama untuk dibaca. 

Berikut hal yang harus diperhatikan dalam masalah font:

•  Pilih jenis font yang ‘tepat’, font yang tepat adalah font yang mudah dibaca dan tidak membuat pembaca ‘cepat lelah’ ketika membaca. Tulisan bagus dan berseni tetapi sulit dibaca dan membuat lelah itu sama saja bohong.
• Pilihlah warna font yang sesuai, warna font juga dapat berpengaruh terhadap ketahanan membaca, warna yang tidak sesuai bisa membuat lelah bahkan membuat sakit mata, pilih background dan tulisan itu sendiri berkebalikan warna, misal jika background cerah pilih warna font yang gelap.

Itulah 4 prinsip paling penting dalam mendesain web yang baik , bagaimanapun anda akan "mengotak-atik" desain anda, anda harus tidak boleh melupakan hal-hal diatas. jika anda sudah memahami prinsip dalam mendesain, anda harus pula memahami pentingnya desain web yang responsif agar website anda semakin fabulous.  

      semoga bermanfaat danSampai bertemu di postingan lainnya.. 

      Baca juga:

      Berbagai gaya dan jenis desain web

APA SIH PERBEDAAN WEB DESIGNER DAN WEB DEVELOPER

Selama ini anda pastilah sering mendengar istilah Web Designer dan  Web Developer bukan? Atau bahkan anda ingin menjadi salah satu diantaranya? Sering kali bagi seseorang yang tidak akrab dengan “dunia pembuatan website”, mereka menganggap dua hal yang berbeda itu adalah sama. Faktanya web designer dan web developer itu memang berbeda, mereka memiliki tugas dan pekerjaan masing-masing, begitu pula dengan kemampuan serta hal yang harus dimilikipun berbeda. 

Jadi apa sih perbedaan web designer dan web developer ? mari kita lihat penjelasannya dibawah ini :

Web Designer

Web designer merupakan orang yang memikirkan bagaimana caranya agar tampilan halaman webite menjadi indah,bagus dan menarik, tentu hal tersebut membutuhkan kreatfitas serta intuisi dan imajinasi.

Seorang desainer web menggunakan grafis dan perangkat lunak desain grafis (misalkan Adobe Photoshop, illustrator, InDesign) untuk menciptakan tampilan-tampilan tersebut. Desain ini juga nantinya akan di gabungkan atau dimasukkan kedalam coding. Jadi memanipulasi sebuah gambar, foto, multimedia serta pemahaman tentang client scripting HTML,CSS dan javascript dimilikinya.

Hal lain yang perlu dimiliki seorang desainer diantaranya adalah komunikasi, masalah usability serta kompabilitas pada browser yang berbeda-beda (disebut juga responsive web design) .desainer web biasanya bekerja secara tim tetapi karena Seorang desiner tidak selalu menjadi orang yang menulis kode dan dalam beberapa kasus dapat bekerja secara independent untuk mendesain sebuah projek.

Desainer web yang baik memiliki pemahaman yang kuat tentang berbagai konsep-konsep yang didalamnya termasuk pemilihan warna, typography, serta hal-hal yang menjalin hubungan dengan para pengunjung atau pengguna.

Web Developer

Web developer atau pengembang web dapat dikatakan sebagai ‘tulang punggung’ dari website yang membuat semua hal menjadi terjadi pada sebuah website. HTML, Javascript, Jquery dan CSS adalah diantara alat dalam bidang mereka.

Pengembang web tidaklah berfokus pada sesuatu yang berhubungan dengan pembuatan suatu tampilan agar menarik secara visual dengan kata lain mereka tidak ambil pusing tantang masalah dan aspek tampilan. jadi walaupun web developer memahami setiap perintah yang ada di HTML dan CSS, dia tidak bisa dipekerjakan sebagai web designer karena tidak memiliki kemampuan dalam membuat desain, hanya untuk mengaplikasikan desain yang telah dibuat menjadi lebih dinamis pastilah dikuasai oleh web developer

Seorang web developer juga menciptakan aplikasi berbasis website dengan menggunakan bahasa pemrograman seperti Java, PHP, .NET ataupun python. Pengembang web yang baik sering berorientasi pada detail dan memperhatikan spesifikasi.

Dapat diringkas dan disederhanakan  apa sih perbedaan web designer dan web developer dalam tabel berikut:

Perbedaan Web Designer dan Web Developer

Nah bagaimana, sudah mengertikan perbedaan antara web designer dan web developer? Ingin jadi yang mana? Kalau anda ingin menjadi desainer baca juga disini 4 prinsip paling penting dalam mendesain web yang baik. Tentu semua minat dan bakat kembali kepada anda ya.

Sekian dulu postingan apa sih perbedaan web designer dan web developer kali ini, sampai bertemu di postingan lainnya..

Baca juga :
pentingnya desain web yang responsif
hal-hal yang harus di ingat saat membuat website responsif
berbagai gaya dan jenis desain web