Web Design Preparation
Bagi para pemula web design yang baru mempelajari design terutama web design UI/UX mungkin akan sedikit bingung apa saja yang diperlukan atau diperhatikan sebagai newbie di design web. Berikut beberapa yang harus kita persiapkan dalam memulai membuat design web.1. Adobe Photoshop
Ini adalah peratalan utama yang harus ada. Penggunaan photoshop yang mudah dan nyaman di pakai adalah adobe photoshop cc 2015/2014
2. Adobe Ilustrator
Adobe Photoshop adalah alat penunjang dalam membuat design web. Adobe Ilustrator biasa digunakan untuk membuat logo dan icon-icon dalam design web. dari segi kemudahan dalam memakai penulis sugest untuk memakai Adobe Ilustrator CC 2015/2014 versi terbaru. namun jika ingin yang free bisa pakai Corel draw
3. Grid
Grid Disini digunakan untuk membantu kita dalam mendesign di photoshop. Grid berfungsi membantu kita agar lebih mudah menata konten agar rapi dan teratur. Grid ini terdiri dari beberapa sesuai dengan resolusi layar yang ingin kita buat. Berikut beberapa jenis grid :
- Grid 960
- Grid 1200
- Grid 1280
- Grid Mobile
- Grid Tablet
4. Wireframe
Sebelum kita membuat design dibuat dulu wireframe / reng-rengan / kerangka design. dalam membuat wireframe ini sebenarnya menggunakan Photoshop saja sudah bisa namun bila ingin mencari opsi yang memang untuk membuat wireframe bisa menggunakan https://moqups.com atau https://wireframe.cc namun bagi yang sudah terbiasa menggunakan photoshop opsi moqups.com adalah yang lebih tepat karena tampilannya yang hampir sama dengan photosho
5. Extensions Browser
Mengapa kita butuh extension di browser kita. Karena sebagai web design kadang kita suka membuka design-design web yang lain dan mungkin suka dengan jenis font yang digunakan, warna webnya, dan sizenya. untuk anak coding mungkin lebih mudah jika ingin megetahui itu tengan cara click kanan inspect element. dengan hal tersebut kita bisa mencari warna yang di paikai, ukuran dan jenis font.
namun bagi para web designer yang lebih sering menggunakan fisual akan lebih mudah jika kita cukup mengambil Eyedroper untuk mengambil warna. di browser kita bisa download extensions ColorZilla, dimana penggunaannya sama dengan eyedroper di photoshop
untuk mencari jenis font kita bisa download whatfont, untuk size pakai ruler, dan untuk mengcapture semua page pakai nimbuz
6. Design Inspiration
For the newbie, you have to know what style design web yang lagi happening. berbagai style design bisa di browsing dan di dapatkan. namun berikut ada beberapa yang mau penulis sarankan untuk inspirasi web design dimana di web tersebut telah memberikan kategori style yang kita ingin lihat. untuk design inspiration model Barat bisa di buka http://www.webdesign-inspiration.com . untuk design inspiration asia, Jepang khususnya bisa dibuka http://www.ikesai.com
7. Color Scheme
Dalam membuat design kadang kita memerlukan perpaduan warna yang harmonis dan sesuai dengan style design web. untuk mengetahui warna apa yang bisa di padu padankan bisa menggunakan http://paletton.com/
0 comments:
Post a Comment