Membuat Desain Web Minimalis Dengan Photoshop

Persiapan
jasa pembuatan website company profile - Sebelumnya saya telah menyiapkan beberapa file pendukung untuk pembuatan design situs yang juga akan kita lakukan, salah satunya : Action men-generate grid dari 960. gs latar belakang pattern dari subtlepattern. com, font-font yang diperlukan dan beberapa icon yang saya peroleh dari iconfinder. com. Karenanya, Unduh resource berikut ini sebelumnya mulai mendesain situs dengan photoshop.

Unduh Resource
Install Action
Pertama-tama kita juga akan meng-install 2 buah file, satu untuk 960. gs dan pattern dari subtlepattern. Setelah kamu unduh file resource, didalamnya terdapat 2 file yang berkaitan, buka file itu dengan photoshop untuk menginstallnya (atau drag and drop ke jendela Photoshop).

Menyiapkan Canvas Grid
Kita juga akan memakai system grid dari 960. gs jadi referensi dalam sistem pendesaian situs yang juga akan kita lakukan. Karenanya dalam jendela action photoshop, Kamu juga akan temukan folder 960_GRIDS, click pada action 12-Column-Grid lalu click icon “play” untuk menggerakkan action.

Generate 12 Kolom Grid
Action ini juga akan buat grid system 12 kolom lengkap dengan garis guides. Canvas yang di buat kurang tinggi untuk design situs yang juga akan kita buat, jadi Click menu image image size. Kita juga akan menaikkan tinggi dari canvas yang kita buat.

Generated Grid
Menghilangkan sinyal Checklist pada “Constrain Proportion” dan Ganti ukuran tinggi jadi 1100px click ok untuk mulai mengubah ukuran canvas.

Resize Image
Mempersiapkan latar belakang
Click 2 x pada layer latar belakang, sebuah dialog juga akan keluar mengkonfirmasi untuk mengconvert latar belakang ini jadi layer, berikan nama latar belakang dan click ok.

Layer from latar belakang
Kita juga akan memberikan pattern pada layer latar belakang ini, Click icon “Add Layer Models”, lalu pilih “Pattern Overlay…” Pilih pattern dengan nama “Groove Paper” (juga akan berada di item pattern terakhir). Click Ok untuk tutup dialog Model dan saat ini kamu memiliki latar belakang dengan pattern halus.

Lihat juga : harga jasa pembuatan website

Add Pattern
Pattern
Buat Logo
Setelah itu kita juga akan buat logo “Simpel”. Click Ellipse Tool, lalu buat lingkaran kecil sebagai berikut (kurang lebih satu grid) dengan warna #69ccca dan ganti nama layer jadi “logo” (double click nama layer untuk mengubah nama layer) :

Buat lingkaran
Aktifkan “Horizontal Tipe Tool (T) ” ganti font jadi “Museo Sans” dengan ukuran sedikit semakin besar dari lingkaran yang di buat sebelumnya dan tempatkan di dalam lingkaran seperti pada gambar.

Berikan huruf S
Click kanan layer “S” lalu pilih Convert to shape.

Convert to shape
Pindah ke Tab Paths lalu click layer yang ada (S Vector Mask), dan tekan gabungan tombol Ctrl+C untuk mengcopy shape.

Copy Path
Click layer pada “Layer Mask Thumbnail” pada layer “Logo”, lalu tekan tombol CTRL+V untuk mem-paste shape. lalu Click icon “Substract from shape area”. Saat ini kamu dapat menghapus layer “S” karena tidak diperlukan lagi

Substract
Result substract
Click pada layer logo, click icon “Add layer model” lalu berikan “Gradient Overlay”, atur optionnya sebagai berikut :

Gradient Overlays
Gradient Colors
Berikan juga sedikit Inner shadow :

Tehnik ini buat icon yang kita buat “resizable” tanpa ada buat icon pecah. Berikan teks “impel” (font : Museo Slab ; color : #69CCCA, size : 48px) dan “Web Development Tim” (Font : Georgia, model : Italic, warna #69CCCA, size : 12px) atur tempatnya sebagai berikut.

Add details
Copy juga layer model yang ada pada layer logo dan paste pada “impel” dan “Web Development Tim”

Buat menu
Kita berikan menu utama untuk situs kita, menu ini simpel saja, hanya sederet teks umum. buat menu memakai “Horizontal Tipe Tool (Tool) ” atur warnanya jadi #69CCCA, size : 16px. Ketikkan “Home Situs (blog) Kontak us” dan atur tempatnya sebagai berikut.

adding menu
Buat ruang Content Utama
Step setelah itu kita juga akan buat latar belakang untuk Content Utama. Dengan memakai “Rectangle Tool (U) ” buat sebuah persegi panjang dengan lebar 960px (dari garis guide terawal sampai paling akhir) untuk tinggi sesuai, Ganti nama layer jadi “Konten Utama”.

Berikan juga drop shadow dengan setting sebagai berikut :

Buat pattern untuk ornamen
Untuk membuat cantik ruang content utama ini, kita juga akan memberi sedikit ornament simpel. Buat file baru (Ctrl+N) buat ukuran canvas jadi 200px*30px.

Buat file baru
Aktifkan “Rectangle Tool (U) ” buat sebuah persegi panjang dengan ukuran 50px dan tinggi 30px. Buat 3 persegi panjang sekali lagi dan susun dengan mendatar hingga penuhi semua canvas.

berikan 4 kotak
Ganti warna semasing persegi panjang dengan beberapa warna berikut : #88CD50, #F4ED47, #E7913A dan #6BCFCD.

Menambahkan warna
Paling akhir kita juga akan buat canvas ini jadi pattern siap gunakan, pertama-tama seleksi semua persegi panjang yang kita buat (tekan CTRL dan click pada layer beda untuk multiple selection) tekan gabungan tombol CTRL+E untuk memadukan Layer.

merge layer
Paling akhir Click menu “Edit Define Pattern”, berikan nama “Colorful Stripe”.

define pattern
Kamu dapat tutup dokumen ini karena telah tidak diperlukan sekali lagi, atau save bila kamu memerlukannya.

Memberikan Ornament/Stripe
Kembali aktifkan window design situs kita sebelumnya, Untuk memberikan ornament, buat persegi panjang dengan “Rectangle Tool (U) ” seperti gambar berikut :

Add rectangle for stripe
Pastikan layer persegi ini tepat berada diatas layer “Konten Utama”, Click kanan pada layer itu lalu pilih “Create Clipping Mask” atur tempatnya sebagai berikut :

Clipping Mask
Click icon “Add Layer Models” lalu pilih “Pattern Overlay”, pilih pattern yang kita buat sebelumnya (Pattern paling akhir-biasanya).

Mempersiapkan latar belakang untuk footer
Buat persegi panjang dan atur tempatnya sebagai berikut, pastikan layer ini berada diatas layer “Konten Utama” lalu buat clipping mask seperti pada langkah sebelumnya :

Add footer latar belakang
Berikan “Pattern Overlay” dengan pattern “Chruch”.

Pattern on footer
Kita juga akan memodifikasi bagian tengah dari persegi panjang. Aktifkan “Add Anchor Point Tool” berikan tiga buah point tepat di tengahnya sebagai berikut :

Adding Point
Aktifkan “Direct Select Tool” lalu tarik point yang di dalam sedikit ke bawah hingga membuat sisi tiga. Dengan default bentuk shape jadi lengkung, untuk menyingkirkan lengkungan itu, aktifkan “Convert Point Tool”, lalu click pada tiga point itu.

Move Point
Convert Point
Berikan Model Inner Shadow, atur optionsnya sebagai berikut :

Add Inner Shadow
Isi Konten
Setelah itu kita juga akan isi ruang content ini dengan beberapa element yaitu, Heading, Fitur-fitur, Slider dan Testimoni/Quote.

Heading
Berikan teks heading dengan font : ”Museo”, warna #248886, ukuran font : 26px. Ketikkan “We are a professional situs developer & situs designer tim, and here is what we can do for you” (atau pakai teks sendiri), buat rata tengah dan atur tempatnya sebagai berikut :

Add Heading text
Fitur
Kita berikan 3 feature, lebar dari semasing feature yaitu 4 Grid (jadi pastikan content untuk setiap feature tidak lebih dari 4 grid). Berikan 3 icon yang diikutkan dalam file resource, atur tempatnya sebagai berikut :

Add icons
Berikan judul feature “Unique & Menawance Design”, “HTML5 & CSS3 Templating”, dan “WordPress Theme Development”. Atur font jadi “Museo”, warna #248886 dan ukuran 16px.

Add Fitur Title
Berikan teks gambaran singkat, kamu dapat memakai gambaran kamu sendiri atau gambaran acak seperti : “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies”. atur tempatnya sebagai berikut, dan atur font-nya jadi : “arial”, warna : #555555, ukuran : 11px :

Add Fitur Description
Kita berikan state ketika salah satu feature berada dalam tempat hover, dengan memakai Ellipse tools buat lingkaran dengan ukurang 4 grid (tekan SHIFT ketika buat lingkaran untuk buat lingkaran yang proposional). Ganti warnanya jadi #B6FAF9 dan atur tempatnya di salah satu feature jadi latar belakang.

Hover state for fitur
Buat Bayangan Pemisah
Garis pemisah yang juga akan kita berikan berbentuk shadow/bayangan halus. Untuk membuatnya pertama-tama buat layer baru, berikan nama “shadow-separator”. Aktifkan Brush Tool, pastikan warnanya hitam, Click kanan pada canvas dan ganti ukuran master diameter mejadi 700px, pilih tipe “Soft Round 27px”.

Set Brush size and tipe
Click pada canvas, tepat ditengahnya. Aktifkan “Marque selection Tool”, buat seleksi tutup 3/4 lingkaran lalu tekan tombol delete.

Add on click bruhs
Select 3/4 Area
Delete 3/4 selected area
Dengan memakai “Move Tool (V) ”, resize shadow itu jadi sebagai berikut dan ganti nilai opacity jadi 50%.

Resize Shadow
Slider
Slider ini juga akan menghadirkan Slideshow (dapat berisi screenshot-screenshot proyek yang sudah ditangani). Berikan Judul “Our latest proyeks”, atur ukuran dan warnanya sesuai sama heading yang kita buat sebelumnya.

Add Slider Title
Buat sebuah persegi panjang dengan lebar 6 Grid dan tinggi kurang lebih 200px dengan Rectangle Tool

Berikan beberapa model seperti gambar berikut :

Add Drop Shadow
Add Stroke
Testimoni/Quote
Untuk Testimoni kita juga akan menghadirkan testimoni-testimoni dari client yang sudah dilayani. Judul dengan ukuran sama juga dengan Heading “What they say”.

Quote Title
Berikan, satu buah quote atau pakai teks acak “Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies”. Ganti font jadi : Georgia, model : italic, color #555, size : 20px atur tempatnya sebagai berikut.

Quote Position
Footer
Untuk bagian footer, kita juga akan memberikan logo bersama alamat kantor, dan di samping kanan kita berikan menu sekali lagi. Copy layer “logo” dan teks “imple”, buang Gradient overlay (lewat cara di unchecklist atau di drag ke tong sampah di jendela layer), ganti warnanya jadi #A7A7A7 dan perkecil ukurannya sedikit.

Footer logo
Berikan teks alamat dengan font : arial, size : 11px, color : #a7a7a7 dan atur tempatnya sebagai berikut :

Add an Address
Berikan menu footer dan atur tempatnya di samping kanan :

Add Footer menu
Mengorganisasi Layer
Bila kamu tidak melakukan organisasi layer, mungkin hal semacam ini tidak jadi masalah untuk kamu, tetapi bagaimana bila kamu bekerja dengan tim dan bukanlah kamu yang melakukan sistem slicing? mereka juga akan kebingungan dengan layer yang berantakan. Karenanya, senantiasa organisasi layer kamu sesuai sama bagian-bagian yang ada dengan memasukkannya kedalam folder/set yang berkaitan.

Click icon “Create a New Set” (icon bergambar folder yang terdapat dibawah layer window) untuk buat folder lalu click dan drag masing-masing layer yang berkaitan pada folder yang sesuai.

Berikut ini yaitu organisasi folder yang saya kerjakan :

• Organized Layer 
• Finising 

Bila kamu belum juga menaruh pekerjaan kamu, selekasnya save. Kerjakan penyimpanan dengan berkala untuk hindari beberapa hal yg tidak dikehendaki mengingat listrik di negara kita sering idup mati : D. Berikut ini link unduh file PSD dari apa yang kamu lakukan diatas.

Continue Reading

Marketing Public Relation & Social Marketing

konsultan pr jakarta - Pada prinsipnya Public Relation yaitu adalah suatu aktivitas yang terencana dan suatu usaha yang terus-terusan agar bisa memantapkan dan meningkatkan (goodwill) dan (mutual understanding) pada suatu organisasi dengan orang-orang. Pada masa globalisasi ini peranan Marketing Public Relations jadi makin penting karena niat baik (good will) jadi suatu bagian dari profesionalisme yang pastinya akan terjadi karena pembentukan simpati customer dengan efisien dan efektif telah adalah kewajiban di mana tingkat kompleksitas dan pemuasan keperluan pelanggan.

Apakah itu Marketing Public Relation? 

Menurut Thomas L. Harris, pencetus pertama rencana Marketing Public Relations dalam bukunya berjudul The Marketer’s Guide to Public Relations dengan rencanasinya seperti berikut : “Marketing Public Relations is the process of rencana and evaluating programs, that encourage purchase and customer through credible communication of information and impression that identify companies and their products with the needs, concern of customer”.

Marketing Public Relations (MPR) adalah sistem rencana dan pengevaluasian program-program yang merangsang pembelian dan kenikmatan customer melalui komunikasi tentang info yang bisa diakui dan melalui kesan-kesan yang menghubungkan perusahaan dan produknya sesuai sama keperluan, hasrat, perhatian dan kebutuhan beberapa customer. (Ruslan, 2002 ; 245)

Marketing Public Relation adalah sistem rencana dan pengevaluasian program yang merangsang penjualan dan pelanggang. Dari pendapat di atas dapat diambil kesimpulan kalau Marketing Public Relations jadi suatu sistem rencana, pelakasanaan dan pengevaluasian program-program yang sangat mungkin terjadinya pembelian dan pemuasan customer melalui komunikasi yang baik tentang info dari perusahaan pada citra merk pada suatu product tertentu di sebuah perusahaan.

Peranan Marketing Public Relations 

Peran Marketing Public Relations dalam usaha menjangkau maksud utama organisasi menurut Rosady Ruslan :

1. Menumbuhkembangkan kesadaran konsumennya pada product yang tengah di luncurkan itu. 
2. Membuat keyakinan customer pada citra perusahaan atau manfaat (benefit) atas product yang di tawarkan/digunakan 
3. Mendorong ketertarikan (sales force) melalui suatu artikel sponsor (advertorial) mengenai manfaat dan manfaat suatu product. 
4. Menghimpit biaya promosi iklan komersial, baik di media elektronik ataupun media bikin dsb untuk tercapainya efisiensi biaya. 
5. Prinsip untuk tingkatkan beberapa service pada customer, termasuk usaha menangani sebagian yang dirasakan (complain handling) dan beda sebagainya untuk tercapainya kenikmatan pihak pelanggannya. 
6. Menolong mengkampanyekan peluncuran beberapa produk baru dan sekaligus berencana perubahan tempat product yang lama. 
7. Mengkomunikasikan terus-terusan melalui media Public Relations (House PR Journal) mengenai kesibukan dan program kerja yang terkait dengan kepedulian sosial dan lingkungan hidup agar tercapainya publikasi yang positif di mata orang-orang/umum. 
8. Membina dan menjaga citra perusahaan atau product barang dan jasa, baik dari sisi jumlah ataupun kwalitas service yang didapatkan pada konsumennya. 
9. Berusaha dengan pro aktif dalam hadapi suatu peristiwa negatif yang mungkin juga akan keluar di masa yang akan datang. 

Lihat juga : konsultan public relations

Apakah itu Social Marketing? 

Menurut pendapat Kotler dan Roberto (1989 : 24), yakni :

Social Marketing is strategy of changing behavior. It combines the best elements of
the traditional approaches to social changes in an integrated rencana and action frame-work
and utilizes advances in communication technology and marketing skills.

Pemasaran Sosial yaitu kiat untuk merubah tingkah laku yang menggabungkan
elemen – elemen paling baik pendekatan tradisionil dan perubahan sosial dalam sebuah
kerangka karya rencana dan pelaksaan terintegrasi dan memakai perkembangan tehnologi komunikasi dan keterampilan pemasaran.

1. Product Sosial 

Unsur – unsur utama yang perlu di perhatikan dalam membuat kiat kampanye PR dalam pemasaran yang terkait dengan inspirasi sosial, dan product sosial lainnya, di mana grup orang-orang sebagai tujuan tujuan, yaitu seperti berikut :

a. Karakter Sosio Demografi 
Yaitu terbagi dalam atribut eksternal kelas sosial, tingkat pendapatan ekonomi, tingkat pendidikan umur, dan kekuatan masing – masing orang-orang.

b. Profil Psikologis 
Adalah atribut internal seperti, sikap, nilai – nilai individu, motivasi, trendy, kepribadian, dan beda – beda.

c. Karakter Tingkah laku Orang-orang 
Seperti alur tingkah laku, kebiasaan rutinitas, karakter dalm memutuskan, musyawarah mufakat, kegotong royongan, dan beda – beda.

2. Rencana Pemasaran Kemasyarakatan 

Terkait dengan adanya banyak yang dirasakan (complaint) dari orang-orang melalu rencana pemasaran orang-orang, maka perumusan social marketing oleh pihak instansi yang berkaitan jadi suatu hal yang penting. Perumusan itu memiliki kandungan unsur – unsur :

• Laba perusahaan yang diinginkan dari bisnis yang digerakkan 
• Pemuasan hasrat customer dalam periode panjang. 
• Tanggung jawab sosial : kemakmuran orang-orang, kelestarian lingkungan hidup dan perlindungan hak – hak customer. 
• Product yang dibuat terkait dengan kelestarian lingkungan atau berwawasan lingkungan, yang dimaksud dengan eco – labelling dan beda sebagainya, baik berlaku dengan nasional ataupun internasional. 

3. Manajemen Social Marketing (pemasaran social) 

Pada dasarnya, manajemen pemasaran sosial memiliki tiga bagian yakni :

a. Defening the product & marketing 
Mencari kecocokan inspirasi, teori dan praktis mengenai product, marketing dan sampai tujuan adopters.

b. Designing the product & market fit 
Mencari jawaban mengenai pertanyaan “ What makes a good fit “ jadi cara mencari jalan keluar untuk grup tujuan adopters.

c. Delivering the product & market fiter 
Membawa product social itu pada tujuan adopternya melalui rencana awal.

Continue Reading