Category: Tips & Trick

13 Cara Meningkatkan Kualitas Desain Website Anda

Sejalan dengan berkembanganya waktu semakin banyak persaingan dan kompetitior yang bisnisnya sudah menggunakan cara online dan fitur-fitur canggih. Maka tidak heran jika terkadang kita menemui website dengan tampilan yang sekilas hampir sama. Gaya tampilan tersebut memang sedang ngetrend dan banyak digunakan oleh web desainer, namun tahukah anda bahwa masih ada cara lain untuk meningkatkan kualaitas dari website anda, Berikut ini adalah cara-cara meningkatkan kualitas desain website yang bisa anda terapkan.

13 Cara meningkatkan kualitas desain website

1. Desain dalam nuansa abu-abu, lalu tambahkan warna

Jika website dibuat dengan frame terlebih dahulu sebelum desain visual, maka mulailah dengan nuansa abu-abu.Ubahlah bingkai gambar anda menjadi desain visual grayscale, menambahkan fotografi, lalu dengan hati-hati warna padaa elemen desain satu per satu.

Cara ini akan mencegah situs web “overdesign” dan membantu meletakkan item yang tepat pada sebuah website.

2. Gunakan Keynote (Mac) untuk membuat prototipe halaman yang cepat

Jika anda menggunakan Mac, anda tidak memerlukan lagi Photoshop untuk membuat prototipe cepat untuk halaman web, landing page, call to action atau elemen web lainnya. Keynote adalah aplikasi powerpoint dari apple yang bisa digunakan untuk Mockups.

Bahkan ada repositori online yang berisi template desain interface untuk wireframing, prototyping dan pengujian aplikasi mobile dan web di Keynote.

3. Tambahkan Font Web kedalam Desain Website

Dengan banyak pilihan font anda dapat memilih font mana yang paling tepat. Google Font menyediakan pilihan font beragam, anda dapat menggunakannya secara online dan mana yang paling sesuai dengan website anda.

4. Mengkonversi Icon Social Media

Anda membuat website untuk mengunjungi website anda, namun anda mengajaknya juga untuk pergi ? Itulah yang anda lakukan ketika anda menaruh icon social media dilokasi yang menonjol daam website anda, seperti pada bagian header. Taruhlah social media di footer.

Jika situs anda berisi informasi atau tutorial maka orang akan tinggal dan belajar atau mungkin bertanya tentang layanan. Tidak mungkin mereka memeriksa foto piknik perusahaan di facebook. Media sosial lah yang harus mengirim mereka kesitus anda, bukan sebaliknya.

5. Kelola Slideshow / Carousel dengan tepat

Ketika homepage website menampilkan slideshow gambar tentang fashion, maka akan timbul banyak pertanyaan yang dipikirkan pengunjung. Masalahnya kebanyakan orang tidak mengunjungi website terlalu lama untuk mengenali seluruh website. Terlebih lagi jika ada gambar yang tidak relevan dengan website dan calon pengunjung anda.

Apa yang harus dilakukan agar mereka benar-benar memahami situs anda?

Promosikan satu hal , satu hal jelas yang menjelaskan inti perusahaan anda, atau produk inti yang akan anda jual.

6. Sederhanakan Navigasi

Mengurangi navigasi mungkin tampak berlawanan intuitif, namun sebenarnya dapat membantu mengarahkan pengunjung ke konten paling produktif di website anda anda. Daripada menyajikan pengunjung dengan link ke setiap halaman, sederhanakan saja navigasi anda.

Hilangkan menu dropdown dan navigasi dropdown multi-tier yang hanya bisa digunakan oleh pengguna mouse terampil, dan kurangi tautan pada sidebar atau header website anda.

7. Hapus sidebar dari halaman utama

Sidebar telah menjadi tren desain web yang sangat populer, namun itu berlaku untuk 10 tahun yang lalu. Kini banyak website dan blog yang menghilangkan sidebar dan merubahnya menjadi menu pada header mereka.

8. Dapatkan inspirasi dari alam

Berekplorasilah untuk mendapatkan warna sempurna untuk website dan call to action graphic. anda dapat mencari inspirasi dari pemandangan alam langsung. anda dapat menggunakan kamera untuk megambil gambar alam yang natural lalu gunakan color picker untuk diterapkan dalam website.

9. Menjauh dari komputer

Desain yang bagus di mulai dari rencana yang bagus. Carilah ide anda diatas kertas atau di whiteboard. anda dapat melakukan literasi desain, menyempurnakannya dan menambahkan detail sesuai dengan yang anda inginkan.

Cara ini mudah jika ingin menghapus bagian yang salah dengan penghapus atau penghapus papan tulis. Begitu anda mempunyai desain yang sangat untuk dikerjakan, ambil gambar dengan foto dan mulailah bekerja pada layar komputer.

10. Gunakan Pinterest untuk membuat mood boards

Ketika anda ingin membuat website baru, atau mendesain ulang, anda perlu mengumpulkan semua inspirasi dan ide dalam satu tempat. Tahukah anda bahwa anda dapat membuat mood board dari gambar favorit, warna, layout, contoh website dan concept materil. Beberapa orang menggunakan pinterest untuk membagikan mood boardnya, dan mereka memiliki ribuan asset yang bisa anda gunakan

11. Tingkatkan ukuran font

Tipografi sangat penting dalam desain web. Teks terkadang sulit dibaca dilayar komputer, jadi buatlah hal yang menonjol.

Salah satu cara untuk melakukannya adalah dengan memperbesar ukuran font, terutama untuk judul dan blok teks. Pertimbangkan untuk memperbesar ukuran font normal juga.

12. Gunakan White Space

Mungkin banyak yang beranggapan bahwa white space adalah pemborosan. Namun berdasarkan evaluasi sistem web, banyak yang menggunakan white spcae sebagai bagian dari design mereka.

maka dari itu whitespace adalah tren yang bekerja dimasa skarang. Banyak perusahaan yang memberikan tempat sempit, dan kadang tak terlihat. Berilah ruangan desain untuk bernafas, dan pengunjung akan mudah memahami website yang anda miliki.

13. Gunakan Squint Test (Tes Juling)

Ingin cepat mengetahui hal apa yang paling menonjol disitus anda? kembalilah dari layar komputer dan ingat2 apa yang anda lihat. Sebagian besar semuanya akan menjadi kabur, dan hanya fitur yang lebih besar, berwarna dan lebih mencolok yang akan terlihat.
Teknik ini membantu perancang memahami apa yang mungkin diperhatikan pengunjung saat pertama kali memindai situs web Anda.

June 14, 2017
10 Cara Manipulasi Foto di Photoshop Agar Mendapatkan Hasil Terbaik

Selama 20 tahun lebih Photoshop telah membuktikan dirinya berguna untuk banyak hal. Salah satu kemampuan terbaiknya ada dalam hal manipulasi foto. Manipulasi foto pada photoshop terdengar familiar dan seakan mudah, padahal manipulasi yang sukses tidaklah semudah kedengarannya.

Jadi bagi anda yang baru belajar atau sudah berpengelaman tentang retouch foto, selalu ada ruang untuk belajar dan berkembang. Berikut ini adalah tips untuk memastikan bahwa kemampuan manipulasi mendapatkan hasil terbaik

Manipulasi Foto Photoshop

1. Hal Paling Penting adalah Resolusi

Dalam pengerjaan sebuah gambar, piksel adalah bahan baku medium. Mereka seperti canvas yang siap untuk dibalut dengan warna-warna cat layaknya seniman. Setiap seniman akan mengatakan bahwa adalah kesalahan besar untuk berhemat dengan bahan baku.

Manipuilasi foto tidak berbeda..

Pixel cenderung diregangkan, terjepit, dan disalahgunakan. Semakin banyak piksel akan semakin mudah tugas dan semakin banyak hasilnya.

Jadi berapa yang harus dibutuhkan…?

Aturan praktis yang bagus adalah bekerja pada piksel 150-200% bidang yang akan dikerjakan, lalu atur ulang gambar ketika pekerjaan sudah selesai. Mengetahui media cetak sangat penting, Gambar yang dicetak akan membutuhkan resolusi 300dpi sementara layar monitor memiliki resolusi lebih rendah yaitu 72 dpi. Perbedaannya sangat besar dan akan berpengaruh pada hasil gambar setelah dicetak.

Resiko tidak menggunakan gambar beresolusi cukup tinggi adalah hasil akhir pecah, dan tampak buram. Biasanya masalah ini terjadi karena stok gambar memiliki perbandingan resolusi yang jauh. pastikan gambar untuk manipulasi memiliki resolusi yang sama. Jika tidak, mulailah dengan gambar resolusi terendah, dan gabungkan gambar lain kedalamnya.

source image

Dalam gambar ini seluruh pemandangan dibangun dengan delapan gambar yang berbeda, semua resolusi bagus sehingga hasil akhir tampak sangat mulus. Untuk mencari sumber gambar berkualitas tinggi tersedia di Pixabay dan freepik.

2. Light and Shadow

salah satu tugas terpenting agar tercipta komposisi foto yang bisa dipercaya adalah pencahayaan yang konsisten. Jika ada elemen gambar yang memiliki pencahayaan berbeda dan dan karena itu bayangan menjadi berbeda maka elemen itu tidak akan bisa sesuai dengan lingkungannya. Hal ini biasa dikenal dengan “Green screen effect”.

source image

Cara terbaik untuk memastikan pencahayaan dan manipulasi foto anda tepat adalah melatih rasa dan mengetahui bagaimana bayangan dan pencahayaan berkerja didunia nyata.

Masih belum jelas tentang pencahayaan anda ? Berikan sebuah perasaanpada gambar anda, gambar dibawah ini adalah contoh pencahaayan dramatis dengan menggunakan intensitas cahaya tinggi.

source image

3. Letakkan dalam perpektif

Hal yang dapat menghasilkan manipulasi foto terlihat buruk adalah skala yang tidak tepat. Kadang ukuran memang sengaja dibuat-buat namun bila unsur-unsurnya tidak sesuai dengan skala, akan menciptakan perasaan aneh dan sulit diterima. Ketika itu terjadi akan menyebabkan ketidakpercayaan dan pemirsa secara naluriah menganggap gambar itu secara visual tidak dapat dipercaya.

Metode untuk mengetahui skala gambar tepat adalah mengatur perspektif gambar. Kenali cakrawala dan titik lenyap, lalu pastikan elemen Anda sejajar.

source image

4. Dodge and Burn

Manipulasi foto yang baik tidak selalu foto harus terlihat realistis. Seringkali sebuah karya lebih berhasil bila tampil dengan gaya, warna-warna cerah ekstra, highlight super terang dan area bayangan yang dalam. Tampilan seperti ini sering memberi suasana menyenangkan dan fantasi pada manipulasi foto.

source image

bagian utama dari pembuatan tampilan bergaya itu adalah dengan menggunakan teknik dodge and burn di tangan. Setiap artis manipulasi foto memiliki teknik yang disukai, namun yang populer adalah menggunakan lapisan yang dipenuhi abu abu 50% yang diatur ke mode Overlay . Warna abu-abu benar-benar tidak terlihat, namun tanda dari Dodge and Burn Tools akan terlihat.

source image

5. Gunakan Realistics Tekstrur

Menambahkan tekstur keprojek manipulasi foto adalah cara tepat menciptakan kedalaman detail seperti objek dunia nyata. Cara tercepat adalah menggunakan tekstur asli yang diciptakan dari kehidupan nyata.

Gambar ini adalah penggunaan tekstur berkualitas tinggi yang memberikan hasil detail yang membuat permukaan pada foto yang dimanipulasi dapat dipercaya.

source image

6. Gunakan Custom Brushes

Sama seperti tekstur yang realistis, brush adalah cara terbaik menambahkan efek realistis kedalam gambar. Penggunaan brush photoshop sangat bagus. Tapi photoshop menyediakan brush terbatas untuk efek yang dilukis dengan tangan. Dari situlah efek dimainkan, seperti membuat karat atau goresan karena efek pelapukan pada logam. Brush dapat dibuat sendiri – atau lihat pada brusheezy

source image

7. Gunakan Action

Action merupakan fungsi dalam Photoshop yang dapat mempercepat alur kerja anda dengan mengotomatisasi tugas yang cenderung berulang dan menyita waktu.

Action dapat digunakan untuk menciptakan efek yang sangat kompleks jauh lebih cepat daripada menciptakan efek itu secara manual. Dengan beberapa rekaman tentang operasi filter dan lapisan, action dapat melakukan efek pada saat-saat tertentu, menghemat waktu yang berharga untuk tugas lain yang memerlukan efek-efek lain.

source image

8. Pahami Transform dan Warp Option

Manipulasi foto melibatkan berbagai elemen fotografi menjadi satu objek menarik yang berbeda. Ada beberapa cara untuk melakukannya di Photoshop, dan setiap teknik memiliki manfaat dan kekurangannya sendiri. Itulah mengapa penting untuk menguasai sebanyak mungkin teknik manipulasi sehingga Anda dapat menentukan fitur mana yang menjadi pilihan terbaik untuk setiap situasi.

Mengubah bentuk dasar suatu elemen dapat dilakukan dengan transformasi dasar, warps custom, warps boneka, atau liquify.

source image

9. Gunakan Tablet
Apakah Anda masih menggunakan mouse dan trackpad untuk menggunakan Photoshop? Sudahkah anda mempertimbangkan perangkat input yang lebih baik? seperti tablet grafis?

Ya, biasanya tablet ini digunakan untuk menggambar dan melukis digital, tapi juga sangat berguna untuk kerja manipulasi foto. Soalnya, setiap alat di Photoshop yang menggunakan mesin sikat (dodge, burn, clone stamp, painted masks, dll) juga reseptif terhadap input tekanan dari sebuah tablet grafis.

mouse hanya memiliki dua tingkat tekanan, tombol ke bawah dan tombol ke atas, Itu saja, masukan biner sepenuhnya. Tablet grafis berkualitas baik memiliki 2.048 tingkat sensitivitas tekanan bahkan lebih.

jika profesi anda memang advance dalam desain grafis tidak ada salahnya menggunakan perangkat berikut ini.

source image

10. Terus Berinspirasi dan Tetap Berlatih

Seperti apa pun yang layak dilakukan, manipulasi foto membutuhkan latihan dan dedikasi untuk membangun keterampilan superior. Salah satu cara terbaik untuk membuat diri Anda tertarik dan termotivasi adalah menyimpan folder Inspirasi dan mengumpulkan contoh manipulasi foto dan karya seni digital yang menginspirasi Anda.

souce image

source : tutsplus

June 8, 2017
5 Tips dan Trik Photoshop yang Jarang Diketahui Orang

Sebagai aplikasi pengolah gambar yang paling populer, Photoshop memiliki banyak sekali fitur-fitur menarik yang bisa mempermudah pekerjaan para penggunanya. Beberapa tips dan trik Photoshop dibawah ini merupakan cara yang jarang digunakan dan dapat membatu pekerjaan diphotoshop menjadi lebih mudah dan lebih efisien.

1. Auto Select
Auto-Select adalah fitur di Photoshop yang apabila diaktifkan, maka semua objek yang kamu klik akan otomatis terseleksi pada layer palette. Fitur ini juga dilengkapi oleh fitur Show-Transform Controls (ctrl + t) yang akan menandai objek terpilih dengan bentuk transform standar yang bisa digunakan untuk memperbesar/kecil, merotasi, atau memudahkan untuk menggeser objek . Kedua fitur tersebut dapat ditemukan pada control bar (dibagian atas) jika Selection tool (V) diaktifkan.

2. Mengaktifkan Seleksi dari Layer

Untuk mengaktifkan seleksi dari layer tertentu, caranya Cukup tekan dan tahan Ctrl di keyboard kemudian klik pada thumbnail dari layer yang ingin diaktifkan seleksinya.

3. Menyimpan Styles

Terkadang saat kita telah selesai membuat sekumpulan styles pada layer styles kita ingin menyimpan styles tersebut untuk dipakai pada layer-layer lain di dokumen yang berbeda. Untuk menyimpan styles caranya double-click pada layer yang stylenya ingin disimpan, pada jendela pengaturan layer styles klik New Styles, kemudian berikan nama untuk styles baru tersebut. Maka otomatis akan tersimpan dan dapat digunakan pada layer-layer yang lain. Untuk mengaktifkan atau menggunakan styles yang tersimpan, buka Window > Styles dan klik pada styles yang diinginkan.

4. Effect Copy
Layer styles juga dapat diduplikasi / dicopy dengan mudah ke layer lainnya. Cara yang bisa digunakan dengan klik kanan pada layer yang style-nya ingin dicopy, lalu pilih Copy Layer Styles. Kemudian klik kanan pada layer dimana styles tersebut ingin diterapkan lalu pilih Paste Layer Styles.

Cara lain bisa juga dengan tekan dan tahan tombol Alt, kemudian drag effect dari satu layer ke layer lain. Cara ini lebih cepat jika kita ingin mengcopy style hanya ke satu layer. Tapi jika ingin mengcopy styles ke banyak layer, gunakan cara yang pertama.

5. Merubah Seleksi Path menjadi Shape

Adakalanya kita ingin menjadikan seleksi menjadi sebuah shape sehingga dapat mudah diedit, diperbesar, dsb.

Untuk melakukannya, pertama load seleksi dari salah satu layer (seperti tips no.2) untuk dijadikan shape. Selagi seleksi aktif, buka tab path disebelah tab layer disebelah kanan, kemudian klik icon (make work path from selcetion) dibagian bawah, maka akan muncul path baru bernama Work Path. Klik path tersebut lalu pada menu bar diatas klik (Edit > Define Costum Shape), akan muncul jendela baru untuk memberi nama custom shape yang akan kita buat, berikan nama lalu klik ok.

May 31, 2017
7 Tips Memilih Tempat Kursus Komputer yang Bagus

Memilih Tempat Kursus Komputer yang Bagus

Sebelum memilih tempat kursus komputer yang bagus hal pertama yang kita butuhkan adalah alasan mengapa kita harus belajar komputer, mengapa harus belajar ditempat kursus padahal kita bisa belajar di google. Berikut ini adalah jawaban dari keadaan-keadaan tersebut.

Mengapa kita harus belajar komputer ?

Perkembangan teknologi komputer dari tahun ketahun mengalami perubahan yang super cepat. Mulai dari hardware, software dan inovasi komputer lainnya, Jika dahulu ditahun 2000-an 1 komputer hanya memiliki hardisk dengan ukuran penyimpanan 20 – 80 gb, kini penyimpanan tersebut sudah terkemas dalam ukuran kecil micro sd.
Komputer yang dulunya besar kini sudah tersusun rapi menjadi ukuran kecil dan smartphone. Perkembangan teknologi tersebut tidak akan berhenti atau mengalami kelambatan, dia akan terus dan semakin berkembang, sebagaimanasocial media, aplikasi e-business , dan lain sebagainya itu semua adalah product dari kemajuan teknologi.

Dari kemajuan teknologi tersebut tidaklah hanya akan menimbulkan dampak baik, tapi juga dapat berdampak buruk bagi siapa saja yang tidak mau mengikuti perkembangannya, sebagaimana sekarang kita tahu banyak perusahaan digital yang mengalami keuntungan pesat dari kemajuan teknologi dan adapula yang mengalami kegagalan fatal karena tak mau berinovasi. Contohnya adalah perusahaan raksasa Yahoo, sony, siemens, nokia, dll, mereka mengalami kegagalan fatal dikarenakan mereka tak mau lagi belajar, berinovasi dan berkompetisi dengan pesaing lainnya, mereka merasa bahwa perusahaan mereka adalah penguasa pasar, tidak akan bangkrut dan yakin dengan ilmu yang sudah dimiliki tanpa mau berinovasi lagi. Hasilnya, kepercayaan diri mereka yang menjadi penyebab utama kegagalan mereka. Ada pula facebook, whatsapp, gojek, grab, bukalapak, dll, Kemajuan mereka dikarenakan mereka mau berinovasi, belajar dan berkembang, akhirnya perusahaan mereka kini yang menjadi raksasa dan menjadi motivasi perusahaan lain untuk maju. Dari situlah melahirkan juga para inovator baru yang dimulai dari toko-toko online baru, dan perusahaan digital lainnya.

Maka dari itu kita harus jeli melihat situasi saat ini, dan sangat penting untuk belajar komputer mulai dari sekarang. Langkah terbaik dalam belajar komputer adalah mengikuti trend dan teknologi terbaru, setelah itu barulah kita memilih pada keahlian mana kita akan belajar. Kita bisa belajar secara otodidak melalui google. Namun cara belajar yang baik adalah mencari guru, jika dengan belajar sendiri seseorang bisa menjadi sukses dalam jangka waktu 5 tahun namun dengan adanya mentor berpengalaman seseorang tersebut dapat mencapai suksesnya hanya dengan waktu 2 tahun.

berikut ini adalah tips mencari tempat kursus dengan guru yang baik untuk belajar komputer.

7 Tips memilih tempat kursus komputer yang bagus

1. Jenis Ketrampilan yang diberikan

Saat ini bidang keahlian komputer memiliki banyak cabang yakni desainer, programmer, web master, marketer, dll. Tentukan bidang mana yang anda sukai lalu tentukan bidang mana yang akan anda pelajari. Tempat kursus yang baik menyediakan beberapa bidang sekaligus dengan masing-masing mentor yang berpengalaman dibidangnya

2. Kelengkapan Materi yang diberikan

Materi merupakan bahan dasar utama yang diperlukan. Carilah tempat kursus yang telah menyediakan materi berupa modul, buku atau ebook lainnya sehingga anda dapat belajar lebih dalam dari materi yang diberikan.

3. Trainer yang berpengalaman

Tempat kursus yang baik adalah yang menyediakan guru sesuai dengan keinginan dan kemampuan belajar clintnya. Guru yang baik adalah seorang praktisi yang sudah berpengalaman dibidangnya.

4. Fleksibilitas jadwal bagi yang banyak kesibukan

Jika anda seorang yang banyak kesibukan maka akan sulit menyesuaikan jadwal dengan tempat kursusnya, bahkan bisa jadi anda harus mengorbankan salah satunya. Namun ada pula tempat kursus yang fleksibel sesuai dengan waktu yang ditentukan clientnya. Hanya ada beberapa namun anda bisa mencari informasinya.

5. Hasil yang akan didapatkan (Portofolio yang dihasilkan)

Portofolio adalah hasil yang seharusnya didapatkan, dengan adanya portofolio anda bisa tahu ilmu apa saja yang sudah anda dapatkan dan pelajari. Bahkan itu menjadi tolak ukur keberhasilan anda dalam belajar.

6. Reputasi / Kredibilitas tempat belajar

Reputasi tempat belajar bisa menjadi salah satu acuan anda sebelum memulai kursus ditempat tersebut, anda dapat mencari informasi di internet atau bertanya kepada teman untuk mengetahui kredibilatas dari tempat kursus tersebut

7. Jaminan Bisa dan Penguasaan Materi

Tidak banyak tempat kursus yang memberikan jaminan, misalnya jaminan penguaasaan materi dan jaminan uang kembali. Namun pada beberapa tempat kursus yang memiliki komitmen tinggi dalam usahanya. Mereka akan memberikan jaminan uang kembali kepada clientnya jika clientnya merasa tidak puas atau merasa tidak mendapat apa-apa.

May 9, 2017