با توجه به افزایش میزان استفاده کاربران از تلفن همراه و موبایل برای وبگردی، طراحی سایت به صورت ریسپانسیو و سازگار با موبایل ضرورت پیدا کرده است و در صورتی که وب سایت شما در ابزارهای موبایلی نمایش مناسبی نداشته باشد رنک بسیاری از دست خواهد داد.

زمانی که قالب معمولی سایت خود را طراحی نمودید هم اکنون زمان آن می باشد که قالب سایت سازگار با رزولوشن های مختلف طراحی نمایید. برای انجام این کار کافی است ابتدا کد زیر را بین دو تگ head خود اضافه نماییم:

این کد به مرورگر دستور می دهد که صفحه را به اندازه پیسکل واقعی نمایش دهد. به عنوان مثال در صورتی که عرض سایت شما 1024 باشد سایت در کلیه مرورگرها و رزولوشن ها در همین سایز نمایش داده می شود که باعث اسکرول افقی خوردن سایت در تبلت و موبایل می شود.

سپس کافی است سه فایل CSS برای رزولوشن های مختلف طراحی نمایید و در صفحه HTML خود لینک نمایید:

فایل CSS اول برای رزولوشن های بالاتر از 1024 که برای رزولوشن کامپیوتر و لب تاپ می باشد.

فایل CSS دوم برای نسخه موبایل وب سایت که سایز رزولوشن های 327 به پایین می باشد.

فایل CSS سوم برای رزولوشن های صفحه مابین 1024 و 327 پیکسل می باشد، که برای مرورگرهای و ابزارهای میان سایز نظیر تبلت طراحی می گردند.

برای طراحی سایت مختص به هر عرض کافی است عرض مرورگر خود را در محدوده سایز مورد نظر قرار دهید و کدهای CSS خود را به فایل مورد نظر اضافه نمایید.

* دقت نمایید هر کدی که در برای هر سایزی در فایل CSS مورد نظر درج می نمایید برای سایر سایزها مورد استفاده قرار نمی گیرد.

ساخت نسخه موبایل وب سایت توسط با روش های دیگری نیز امکان پذیر می باشد، اما در این مقاله به ساده ترین روش پرداخته ایم. برای مشاوره در زمینه طراحی ریسپانسیو سایت با دارکوب تماس حاصل فرمایید.

معمولا مشکل برای نمایش سایت بین عرض 327 و 1024 می باشد که می توانید آن محدوده را نیز به چند فایل مختلف CSS اختصاص دهید به عنوان مثال از 327 تا 500، از 500 تا 700، از 700 تا 900 و از 900 تا 1024.

با استفاده از کتابخانه bootstrap می توانید پیاده سازی نسخه موبایلی سایت را بسیار راحتر انجام دهید زیرا خود این کتابخانه تغییر سایزهای المان های موجود در صفحه را به صورت خودکار انجام می دهد.

با توجه به میزان استفاده از موبایل و تبلت و رشد آن در سال های اخیر ایجاد نسخه موبایلی وب سایت بسیار با اهمیت می باشد، به طوری که گوگل نیز از مدیران سایت می خواهد نسخه موبایلی سایت را طراحی نمایند.

رنگ ها یکی از مهمترین مسائلی است که در هنگام ساخت یک وب سایت باید آن را در نظر گرفت. رنگ ها می توانند بر روی نحوه مشاهده کاربران تاثیر بگذارد. باید موارد زیر را در هنگام انتخاب رنگ بندی در نظر بگیرید:

مخاطبان. چه کسانی مخاطبان من هستند و چه رنگی با فرهنگ و جغرافیای آنها در ارتباط است؟

جذابیت. آیا این رنگ وب سایت من را جذاب می کند؟

احساسات. آیا رنگ ها احساسات مثبت و منفی را تولید می کند؟

اگر شما مطمئن نیستید که از چه رنگی می خواهید استفاده کنید ، پیشنهاد می شود که مقاله زیر را بخوانید.

نحوه انتخاب رنگ بندی مناسب برای وب سایت شما

انتخاب یک طرح رنگ بندی مناسب برای وب سایت شما ممکن است کار سختی به نظر برسد. به خصوص اگر شما در مورد قابلیت های هماهنگی خود اطمینان ندارید و یا احساس می کنید یک طراح ماهر نیستید.

فکرکنید که مشتری شما کمی کوررنگی دارد ، حال باید چه کار کنید؟

چه رنگی را برای وب سایت خود و برای آرم و لوگو استفاده کنید؟

آیا می دانید که چگونه باید رنگ های تکمیلی را با هم ترکیب کنید؟

برای کدام بخش از وب سایت باید از چه رنگ هایی استفاده کنید؟

سعی کنید از ترکیب های مناسب در رنگ بندی وب سایت استفاده کنید. اگر از برخی رنگ ها در طراحی وب سایت خود اجتناب کنید ممکن است سایت زیبا به نظر نیاید و نا امید کننده باشد همچنین اگر از برخی رنگ ها نیز بیش از حد استفاده کنید باز هم ظاهر وب سایت نا امید کننده و غیر جذاب باشد که هر دو می تواند باعث شود که مشتریان شما فرار کنند.

علاوه بر انتخاب قالب مناسب شما باید بتوانید که رنگ بندی مناسب را نیز در طراحی سایت خود داشته باشید. یادگیری نحوه انتخاب رنگ مناسب در وب سایت ، یکی از مهمترین چالش هایی است که هر صاحب وب سایتی می تواند داشته باشد. به خصوص اگر کسی صلاحیت انتخاب رنگ های مناسب را نداشته باشد.

زمانی که می خواهید سایتی جذاب طراحی کنید ، استفاده از رنگ ها می تواند تاثیر به سزایی در آن داشته باشد.  بنابراین ما در اینجا به صورت قدم به قدم شما را راهنمایی می کنیم:

1.      رنگ مناسب برای وب سایت و نام تجاری خود استفاده کنید.

2.      ترکیب رنگ های مکمل را برای ایجا د رنگ های کامل در وب سایت خود استفاده کنید.

3.      یک رنگ پس زمینه مناسب برای وب سایت خود انتخاب کنید.

4.      استفاده از رنگ های مناسب در مکان های صحیح در وب سایت خود.

چگونه رنگ ها می توانند وب سایت شما و هویت نام تجاری شما را بهبود ببخشند؟

برای مثال، زمانی که می خواهید به کوکاکولا فکر کنید اولین چیزی که به نظرتان می رسد چیست؟

خوب ممکن است یک قوطی نوشابه پر از یخ به نظرتان برسد. سپس یک تصویر از نماد قرمز کوکاکولا به نظرتان بیاید. هر شخصی  که به کوکاکولا فکر کند، ممکن است رنگ قرمز به نظر او بیاید.

آیا شما فکر می کنید، کوکاکولا به صورت تصادفی رنگ قرمز را برای نام تجاری خود انتخاب کرده است؟

رنگ قرمز دو هدف حیاتی دارد:

·         رنگ قرمز رنگ آتشی است و باعث می شود که از رقبای خود در قفسه های فروشگاه متمایز شود.

·         هر رنگی دارای احساسات مختلفی است که به آنها وابسته هستند. هنگامی که مردم رنگ قرمز را می بینند، پاسخ های احساسی مانند هیجان، جسارت، عشق و شور را در ذهن آنها به وجود می آورد. این دقیقا همان احساسی است که کوکاکولا می خواهد در شما به وجود بیاید.

زمانی که شما رنگی را برای وب سایت خود و یا برای نام تجاری خود انتخاب می کنید، تاثیر آن بر ذهن مشتری خیلی بیشتر از آن چیزی است که شما فکر می کنید. رنگ ها می توانند باعث شوند که نام تجاری شما در ذهن مشتری بماند و یا آن را فراموش کند.

الان شما باید فکر کنید که "وای رنگ ها جادو می کنند، پس چرا مردم از آنها به نفع خود استفاده نمی کنند؟  " زیرا بیشتر مردم نمی دانند که چگونه از آن استفاده کنند."

بنابراین در بخش بعدی ما به شما سه مرحله ساده که می توانید برای شروع استفاده از رنگ ها در وب سایت خود داشته باشید را نشان خواهیم داد.

سه مرحله استفاده از رنگ ها به شیوه صحیح در وب سایت شما

در هنگام طراحی وب سایت شما سه رنگ اصلی وجود دارد:

1.      انتخاب رنگ غالب به عنوان رنگ نام تجاری شما

2.      انتخاب یک یا دو رنگ دیگر برای ایجاد طرح رنگی برای وب سایت شما

3.      انتخاب یک رنگ پس زمینه برای تکمیل طراحی شما

انتخاب رنگ غالب وب سایت

رنگ غالب، رنگ اصلی وب سایت و نام تجاری شما است مانند رنگ قرمز برای کوکاکولا.  این رنگ باعث می شود که هنگامی که مردم به وب سایت شما می آیند احساس خاصی نسبت به آن رنگ داشته باشند. زمانی که برای اولین بار کسی به وب سایت شما می آید اولین چیزی که می بیند رنگ غالب وب سایت شما است.

اگر لوگو دارید ، مطمئن شوید که رنگ غالب وب سایت شما همان رنگ لوگوی شما باشد. اگر در مورد لوگو خود مطمئن نیستید و یا لوگو ندارید ابتدا یک لوگو بسازید.

با این حال ، اگر هنوز هم در مورد رنگ غالب وب سایت خود اطمینان ندارید در اینجا راهنمایی هایی کرده ایم:

معنی رنگ ها : نحوه انتخاب رنگ مناسب برای وب سایت شما

شرکت های بزرگ رنگ نام تجاری خود را به صورت تصادفی انتخاب نمی کنند. این استراتژی به عنوان بخشی از طرح های بازاریابی مورد استفاده قرار می گیرد.

رنگ های مختلف توانایی جذب انواع مختلف خریداران را  دارند  و حتی می تواند رفتارهای مصرف کننده را تغییر دهد. شما همچنین می توانید از رنگ ها به نفع خود استفاده کنید تا بتوانید نوع مشتری مورد نظر خود را جذب کنید.

نحوه استفاده از رنگ غالب در وب سایت شما

حالا که رنگ غالب دارید می خواهید که رنگ ها را در مکان مناسب وب سایت خود استفاده کنید. رنگ ها توجه زیادی به خود جلب می کنند بنابراین شما باید بدانید که در کجا و چگونه آن را استفاده کنید.

این یک قاعده کلی است:

از رنگ غالب خود در تعداد محدودی از مکان هایی که می خواهید مورد توجه بازدیدکنندگانتان باشد، استفاده کنید . یا از رنگ های غالب برای دکمه های خاص مانند شماره تماس ، فرم تماس، ثبت نام و غیره.

اساسا، رنگ غالب شما باید در برجسته ترین جایی که مشتریان می بینند، قرار بگیرد.

رنگ تکمیلی خود را انتخاب کنید

اینکه فقط در کل وب سایت شما از یک رنگ استفاده کنید بسیار خسته کننده است. برای طراحی جالب ، شما نیاز به رنگ های مکمل دارید. بسیاری از مردم از ترکیب کردن رنگ ها می ترسند.

نحوه استفاده از یک ابزار تطبیق رنگ برای کمک به رنگ های مکمل

زمانی که شما رنگ های غالب خود را انتخاب می کنید بهتر است که رنگ های مکمل خود را نیز با توجه به رنگ غالب انتخاب کنید.

نحوه استفاده از رنگ های مکمل در وب سایتتان

 حال که رنگ های مکمل خود را دارید می توانید از آنها در برجسته کردن اطلاعات ثانویه در صفحات وب سایت خود استفاده کنید.

به عنوان مثال آنها ممکن است زیر نویس، دکمه های ثانویه، جعبه اطلاعات و غیره باشند.

رنگ پس زمینه وب سایت خود را انتخاب کنید

آیا تا به حال تجربه نقاشی کردن یک خانه را دارید؟ اگر دارید ، می دانید که برای دیوارها باید رنگ پیدا کرد. رنگ دیوارها باید به اندازه کافی تسکین دهنده باشد تا به شما احساس آرامش دهد، در عین حال نمی خواهید که رنگ خیلی خسته کننده باشد.  انتخاب یک رنگ پس زمینه بسیار شبیه به انتخاب رنگ برای دیوارها است.

شما می خواهید، بازدیدکنندگان ، به راحتی بتوانند سایت شما را ببینند. شما نمی خواهید بازدیدکنندگان را آزار دهید . بلکه می خواهید بازدیدکنندگان را جذب کنید.

نحوه انتخاب رنگ پس زمینه مناسب

به عنوان مثال برای یک مغازه خرده فروشی پوشاک، می خواهید از رنگ های تند استفاده کنید که توجه مشتریان را بیشتر جلب کند. شما می خواهید رنگ قفسه ها را طوری تنظیم کنید که با قفسه ها جوری ست باشد که مشتریان بلافاصله پس از اینکه وارد مغازه شدند ، توجه شان به قفسه ها جلب شود.

در مقابل، شاید شما خانه ای در محلی خلوت داشته باشید که دوست داشته باشید تعطیلات به آنجا بروید و در آن استراحت کنید و در آنجا آرامش داشته باشید.  شما می خواهید از رنگ هایی استفاده کنید که آرام و آرامش بخش  باشد. بنابراین از ترکیب رنگ های ملایم و آرام استفاده می کنید.

رنگ پس زمینه وب سایت شما ، به آنچه که بازدیدکنندگان شما بر روی آن تمرکز می کنند بستگی دارد.

نگران نباشید، رنگی که به عنوان پس زمینه انتخاب می کنید، به طور کامل به هدف شما بستگی دارد.

وب سایت های اطلاعاتی و وب سایت های تجارت الکترونیک

آیا تا به حال متوجه شده اید که بیشتر وب سایت های اطلاعات و یا وب سایت های تجارت الکترونیک معمولا از رنگ های سفید یا رنگ های پس زمینه استفاده می کنند؟  این کار به این دلیل است که هدف این نوع وب سایت ها تبلیغ ایده و یا محصول است.

مهمتر از طراحی وب تمرکز بر روی محتوا و محصولات است. رنگ پس زمینه تنها برای کمک کردن به اینکه محتوای شما بهتر دیده شود.  بهترین طرح رنگی برای استفاده در وب سایت های اطلاعاتی و تجارت الکترونیک یک زمینه سفید و یا روشن است که دارای رنگ های پر رنگ و یا مکمل باشد.

وب سایت های شرکتی / تجاری

وب سایت های تجاری معمولا دو هدف دارد: ارتقاء برند و یا ارتقاء خدمات آن.

بسته به اینکه هدف شما چه باشد ترکیب رنگ بندی متفاوت خواهد بود.

ارتقاء برند

زمانی که می خواهید یک هویت قوی برای نام تجاری ایجاد کنید، باید از رنگ های غالب برای نام تجاری و یا پس زمینه خود استفاده کنید (مانند مثالی که برای کوکاکولا زدیم) . هنگامی که از تنوع رنگ های برای رنگ قالب وب سایت و یا نام تجاری خود استفاده می کنیم، می توانید با این کار نام تجاری خود را در ذهن مشتریانتان به یاد ماندنی تر کنید.

ارتقاء خدمات

اگر می خواهید برای خدمات خود به عنوانی ارزشی برای کسب و کار خود استفاده کنید، استفاده از رنگ های روشن و یا رنگ های ملایم برای پس زمینه پیشنهاد می شود.

درست مانند محتوای وب سایت های تجارت الکترونیک، شما نمی خواهید که رنگ پس زمینه که انتخاب می کنید، دور از محتوای شما باشد . بنابراین رنگ پس زمینه باید بتواند با محتوا ارتباط برقرار کند.

با انتخاب یک پس زمینه خنثی یا سفید، محتوای شما به طور طبیعی جلب توجه بیشتری خواهد کرد.

وب سایت های شیک و خلاق بیشتر جذاب هستند

برای وب سایت های مورد استفاده در مد، طراحی، رستوران، زیبایی و صنایع ، بیشتر اینجور وب سایت ها مورد استفاده قرار می گیرند. واقعا هیچ قاعده ای در مورد اینکه از چه تصاویری استفاده می کنید وجود ندارد. شما می توانید نوار منو مشکی را برای نمایش استفاده کنید. یا می توانید از تمام رنگ های رنگین کمان برای ایجاد تصاویر الهام بخش برای پس زمینه استفاده کنید.

هنگامی که شک دارید از رنگ سفید یا خاکستری برای رنگ پس زمینه استفاده کنید. در حالی که این رنگ ها ممکن است رنگ های الهام بخش باشند و محتوای شما خواهد درخشید.

نتیجه گیری

انتخاب رنگ مناسب برای وب سایت شما نباید از روی احساس و یا بر اساس رنگ دلخواه شما باشد.  یک طراح وب سایت خوب، همیشه باید اول مخاطبان خود را مد نظر قرار دهد. رنگ و طراحی را انتخاب کنید که برای مخاطبان شما جذابیت داشته باشد. بنابراین با این کار شما می توانید از مخاطبان خود پیشی بگیرید.

انتخاب رنگ های طرح بندی نباید تصادفی باشد. در عوض باید بر اساس مجموعه ای از فعالیت های سازمان دهی شده باشد تا بتواند شما را به اهداف خود برساند.

با پیروی از 3 مرحله بالا، می توانید یک ترکیب رنگ بندی خوب را در سایت خود ایجاد کنید.

چند ابزار مناسب برای انتخاب رنگ طرح بندی وب سایت

مدیریت رنگ ها باید به عنوان بخشی جدایی ناپذیر از طراحی شما باشد. یک طرح مناسب برای وب سایت هویت آن را شکل می دهد. بنابراین نباید در انتخاب آن عجله کنید.  در زیر چند ابزار آنلاین برای کمک کردن به شما در رابطه با طراحی وب سایت گفته شده است.

ابزارهای آنلاین

ابزارهای رایگان آنلاین برای رنگ بندی در اینترنت وجود دارد.

Color Scheme Designer

به شما این امکان را می دهد تا بتوانید طرح های رنگی ایجاد کنید و سپس آن را در یک صفحه وب به نمایش بگذارید. این ابزار ها دارای ویژگی های متفاوتی هستند. برای شروع رنگ آنها در بالای چرخ رنگ قرار می گیرد تا شما متوجه شوید که رنگ  بر روی چرخ تنظیم شده است. آنها همچنین دارای یک پالت بزرگتر برای پیش نمایش، طرح رنگ خود و ردیف افقی هستند.

این ابزار یک رابط کاربری زیبا است که به شما کمک می کند رنگ های زیبا را در عرض چند ثانیه ایجاد کنید.

Kuler

این ابزار یکی از بهترین ابزارهای آنلاین ایجاد رنگ است. شما می توانید رنگ های مختلف را که از قبل ساخته شده اند با هم ترکیب کنید. همچنین این ابزار به ادوبه دسترسی دارد ، بنابراین همیشه در دسترس است. همچنین یک برنامه air و یک ویجت دارد.

Colour Lovers

یک جامعه آنلاین که در آن می توانید طرح های رنگی ایجاد کنید، به اشتراک بگذارید و مرور کنید.

Pictaculous

این ابزار یک ابزار رایگان و عالی است. به سادگی می توانید یک تصویر را آپلود کنید و به صورت اتوماتیک یک طرح رنگی به آن اضافه کنید.

Color Spire

یک رابط کاربری ساده تر می باشد که به شما کمک می کند تا رنگ ها را ایجاد کنید.

Daily Color Scheme

این ابزار هر روز طرح رنگی برجسته ای را به ارمغان می آورد.

Instant Color Schemes

اگر چه رابط کاربری کمی دارد ، این ابزار در واقع بسیار مفید است. فقط کافی است یک کلمه یا عبارت را تایپ کنید و شما 24 عدد از برجسته ترین رنگ ها که از پنج تصویر اول در یک جستجو تصویر یاهو، مطرح می شود را دریافت خواهید کرد.

Color Rotate

این ابزار بسیار شبیه به نسخه 3D Kuler است.  رابط کاربری دقیقا بصری نیست اما مطمئنا بسیار جذاب و سرگرم کننده است.

برنامه های کاربردی دسکتاپ و ابزارک ها

برنامه های وب فوق العاده هستند، اما گاهی اوقات شما نیاز به یک راه حل محلی دارید. برنامه هایی که شما می توانید بر روی دستکتاپ از آن استفاده کنید در زیر گفته شده است.

Tangerine (Mac)

 این ابزار یک پالت رنگی ایجاد می کند که در سراسر مجموعه گسترده برنامه سازگار باقی می ماند و استفاده از همان رنگ ها در طول فرآیند طراحی شما به همان اندازه برنامه تغییر می کند.

Color Schemer (Mac or PC)

این ابزار یک نرم افزار ایجاد رنگ های پالت کامل است. تمام ویژگی های برخی از محبوب ترین برنامه های وب را که بر روی دستکتاپ اجرا می شود را دارد.

Swatch (Mac)

این ابزار یک نرم افزار کوچک و مفید است که مدیریت و ایجاد رنگ های سفارشی را بر عهده دارد و هر کاربری به راحتی به آن دسترسی دارد.

ColourMod (Mac or PC)

 یک ویجت شیک و طراحی شده است که یک راه سریع و آسان برای گرفتن هر مقدار رنگ را فراهم می کند.

طراحی در مورد رنگ ها می باشد. بسیار آسان است که رنگ هایی را در کنار یکدیگر استفاده نماییم که در نهایت حس خوبی ایجاد نمایند. هر چند, برخی از زمان ها اتفاق می افتد که نمی توانید رنگ مناسبی برای رنگ پیشفرض خود انتخاب نمایید و در این زمان می توانید از ابزارهای انتخاب رنگ استفاده نمایید.

ابزارهایی برای انتخاب رنگ های هماهنگ وجود دارند, برای یافتن رنگ هایی با کانتراست خوب, و یا انتخاب رنگ ها از تصاویر. در این مقاله به شما ابزارهای جالبی را معرفی می نمایم.

1. Color Explorer

Color Explorer یکی از مفیدترین ابزارهای رنگ می باشد. در حقیقت, این مورد مناسب ابزارهای بسیاری می باشد, و نه یکی. این ابزار دارای انتخاب کننده رنگ می باشد که همچنین رنگ های پیشنهادی را برای رنگ های جانبی معرفی می نماید, دارای لیست بسیاری بزرگی از رنگ ها می باشد, و ابزار هماهنگ کننده رنگ ها, و ابزاری برای آنالیز رنگ ها, گرفتن رنگ از تصاویر, و همچنین تشخصیص دهنده رنگ از فایل CSS و HTML.

2. Adobe Kuler

Adobe Kuler ابزار قدرتمند دیگری می باشد. و ابزارهای قدرتمندی برای ساخت پلات رنگی شما را دارد. و قابلیت مهم آن استخراج رنگ ها از تصاویر می باشد. موردی بسیار جالبی که این ابزار دارد گالری قالب های آماده آن می باشد که می توانید از آن استفاده نمایید، اما در صورت نیاز می توانید رنگ بندی مورد نیاز خود را ایجاد نمایید.

3. Slayeroffice Color Palette Generator

ابزار دیگر - slayeroffice - یکی از ابزارهای مورد علاق من می باشد. این ابزار امکان بیشتری از سایر ابزارها ندارد، اما کار با آن بسیار ساده می باشد و به راحتی می توانید رنگ بندی مورد نظر خود را استخراج نمایید. کافی است رنگ پیش فرض و پایه خود و رنگ های کناری را مشخص نمایید تا به شما پیشنهادهای رنگی داده شود.

4. ColorBlender

ColorBlender ابزاری رایگان برای ایجاد پلات رنگی می باشد. توسط این ابزار می توانید پلات رنگی خود را به Photoshop/Illustrator منتقل نمایید. به علاوه, قابلیت ارسال پلاته رنگی به ایمیل شما را نیز دارد. همچنین این ابزار طرح های آماده دارد که می توانید از آنها استفاده نمایید.

5. 0 to 255

0 to 255 ابزار انتخاب رنگ دیگری می باشد, اما تمرکز این ابزار در انتخاب تیرگی و روشنی رنگ های هماهنگ می باشد. و بسیار مناسب می باشد زمانی که به دنبال شیدی نزدیک به رنگ بندی خود هستید, و حتی رنگ بندی های متفاوت. برخی زمان های شما به شیدهای هماهنگ برای سایر عناصر صفحه احتیاج دارید.

6. Colorspire

ممکن است سایر رنگ سازها نیاز شما را برآورده نسازند و یا علاقه ای به کار با آنها نداشته باشید, می توانید از colorspire استفاده نمایید. این ابزار با سایر ابزارها تفاوت دارد, این ابزار قابلیت تیره تر کردن و روشن تر کردن رنگ ها را دارد که به کار انتخاب رنگ شما سرعت می بخشد.

7. Color Schemer

This tool امکانات آن به اندازه سایر ابزارها نیست اما زمانی که به قالب رنگی احتیاج داشته باشید این ابزار مناسب است. این ابزار دارای پلات رنگی با 16 رنگ می باشد, که به شما امکان تیره تر کردن و روشن تر کردن پلات رنگی را می دهد, و می توانید به صورت آفلاین از آن استفاده نمایید.

8. Color hunter

color hunter گالری از رنگ های آماده می باشد, که اکثر آنها از تصاویر استخراج شده اند. می توانید ترکیب رنگی را بدست آورید, در صورتی که یک تگ درج نمایید, و یا کد رنگ, و یا همچنین آدرس یک تصویر. شما همچنین می توانید تصویر خود را بارگذاری نمایید و پلات رنگی شما ایجاد می گردد.

9. ColorCombos

ColorCombos ابزار دیگری با قالب های رنگی, اما این قالب ها آماده هستند. می توانید قالب های رنگی را مشاهده نمایید, اما می توانید قالب رنگی مورد نظر خود را همچنین ایجاد نمایید. همچنین توسط این ابزار می توانید قالب رنگی یک سایت را بدست آورید.

10. WebAIM

This tool این ابزار با سایر ابزارهای موجود در لیست متفاوت است. این ابزار ایجاد کننده پلالت نیست, اما این ابزار دارای قابلیت چک کننده کانتراست می باشد. ممکن است رنگ های سازگاری که استفاده می نمایید کانتراست رنگی مناسبی نداشته باشند.

کانتراست برای تصاویری که در متون استفاده می شوند تاثیر گذار خواهد بود زیرا ممکن است خوانایی متن را تحت تاثیر قرار دهد. بنابراین, بنابراین زمانی که رنگ های هماهنگ خود را در صفحه انتخاب نمودید می توانید آن را از نظر کانترسات رنگی بررسی نمایید. در صورتی که کاربران شما زمان زیادی را صرف خواندن مطالب شما می نمایند, استفاده از این روش حتما توصیه می شود.

ابزارهای انتخاب کننده رنگ بسیاری وجود دارد که در این بخش نیامده. در صورتی که موردی را می شناسید می توانید در بخش نظرات آن را معرفی نمایید.

ما برای هر بخش از پروژه متخصص مربوط به همان بخش رو در تمام پروژه ها به کار میگیریم که باعث مزایای بسیاری میشه. در کنار داشتن طراحان و برنامه نویسان قوی وب سایت، طراحی سایت دارکوب از طراحان گرافیک، مهندسین مرتبط و متخصصان ویژه این شغل بهره می برد و این مورد باعث میشود پروژه شما نه تنها کد نویسی قابل قبولی داشته باشد بلکه پیاده سازی آن از ابتدا تا انتها مهندسی باشد. 

استراتژی

تحقیقات

برای هر پروژه می بایست تحقیقات لازم در راستای موفقیت پروژه صورت گیرد و رقبای اصلی شرکت رو می بایست شناخت. این بررسی ها شامل بررسی کاربران وب سایت و مشتریان آن می باشد که جهت گیری پروژه رو مشخص می نماید.

معماری اطلاعات

اطلاعات می بایست به خوبی به کاربران ارائه شود که کاربر پسند و مطابق با نیازهای کاربران باشد. از طریق طراحی هوشمندانه کاربران رو به مقصد نهایی هدایت می نماییم.

استراتژی محتوا

با شروع فرآیند تحقیقات پروژه که شامل بررسی اهداف کوتاه مدت و بلند مدت شرکت می شود و همچنین بررسی رقبای مجموعه، ما به کارفرمایان کمک می نماییم تا داستان خود رو بسازند. در هر مرحله از فرآیند خرید، ما مجموعه رو به سمتی هدایت می نماییم تا با خوانندگان خود ارتباط عاطفی برقرار نماید.

زمینه های فنی

هماهنگی عملکردها و طراحی تصادفی نیست. ما یک پروژه رو به گونه ای طراحی و چیدمان می نماییم تا اطلاعات فنی طی مراحل مختلف به کاربر انتقال یابد و بدین روش باعث اعتبار شغلی مجموعه می شویم. ارائه اطلاعات فنی با طراحی مناسب به جلب اعتبار کاربر می انجامد.

طراحی

طراحی سایت

هر کسی می تواند سایتی راه اندازی نماید. اما ما وب سایتی طراحی می نمایم که در آن استراتژی های مجموعه در نظر گرفته شده باشد و با کاربران خود ارتباط برقرار نماید. ما کاربران سایت شما رو تبدیل به مشتری می نماییم.

هویت بصری

ثبات طراحی کلید ایجاد هویت برند و تبدیل اهداف شرکت به داستان های بصری می باشد. از راهنمایی جهت برند سازی تا سربرگ ها، ما ظاهری مناسب برای گفتن داستان شرکت ارائه می نماییم.

بخش کاربری

ما پیوسته در حال بهبود تجربه کاربر از وب سایت هستیم. بررسی توسط کاربر، بررسی نقاط کلیک خور و گرم وب سایت، و سایر بررسی های لازم انجام می شود. این بررسی ها بر روی برنامه های کاربردی وب سایت و همچنین ظاهر وب سایت انجام می گردد.

طراحی چاپی

ما تمامی نیازهای چاپی مشتریان خود رو رفع می نماییم. از بروشور و بنرها و سایر موارد چاپی. در تمامی این موارد برند سازی در نظر گرفته می شود و با توجه به زمینه شغلی شرکت کاری می شود.

توسعه

سیستم مدیریت محتوا

سایت هایی که توسط جوملا و وردپرس راه اندازی می شوند به کاربر این امکان رو می دن که به صورت مستمر سایت رو به روز رسانی نمایند و اطلاعات جدیدی در سایت قرار دهند، بدون اینکه نیاز به دانش طراحی وب و برنامه نویسی داشته باشند. سیستم مدیریت محتوا به مشتریان این امکان رو می ده که پیوسته سایت خود رو به روز نگه دارن.

توسعه بخش کاربری

با توجه به تمرکز دارکوب بر روی کاربر پسند بودن وب سایت، سایت روی کلیه مرورگرها و ابزارها بررسی می گردد و به اصطلاح طراحی ها به صورت ریسپانسیو و یا سازگار یا مرورگرهای موبایل طراحی می گردد. طراحی ها به گونه ای انجام می شود که سایت در موبایل و کامپیوترهای بزرگ 27 اینچی به خوبی رویت شود.

سازگاری با third-Party

در طراحی های خود سایت رو سازگار با third-party ها طراحی می نماییم تا در زمانی که نیاز به استفاده از آنها بود به راحتی بتوان از اون ها استفاده نمود.

طراحی سایت اختصاصی

دارکوب علاقه بسیاری برای طراحی و برنامه نویسی وب سایت های خاص داره. طراحی این نوع وب سایت ها مهارت شرکت رو برای پیاده سازی امکانات جدید به چالش می کشه.

چرا سایت باید حرفه ای باشه؟

ده ها طراح وب متفاوت وجود دارن که ادعا می کنن یه وب سایت حرفه ای ارائه می دن که در برخی موارد می تونه غیر از اینه. گاهی ممکنه تحت تاثیر قول ها و حتی هزینه های پایین غیر عادی قرار بگیرین، اما به این فکر کنید که وقتی همه چیز اشتباه انجام شده باشه برای رسیدن به راه حل تلاش می کنید و اغلب اوقات برای درست کردنش هزینه ی بیشتری باید پرداخت کنید. 

•رضایت

این بخش مهم از کار رو نادیده نگیرید. کارتون رو به شرکت طراحی سایتی بسپارید که بدونید بیشترین میزان رضایت رو براتون به ارمغان میاره.

•بهینه سازی سئو

بهتره از شرکت هایی کمک بگیرید که بعد از اتمام طراحی سایت کار سئوی سایتتون رو بتونن انجام بدن.

•ریسپانسیو بودن سایت

طراحی وب سایت شما بهتره به شکل ریسپانسیو انجام بشه. همینطور که می دونید ریسپانسیو بودن سایت به این معناست که با همه ی صفحه نمایش ها سازگار باشه و خوانا باشه.

•پشتیبانی دوستانه

 طراحی سایتتون رو به شرکتی بسپارید که پشتیبانی خوبی داشته باشه. اعضای تیم ما برای کمک به شما پشتیبانی 24 ساعته انجام میدن، هر وقت که گیر کردید، فقط کافیه توی سایت تیکت بذارید تا در اسرع وقت به شما پاسخ داده بشه. 

•پنل ادمین با استفاده ی آسان

بهتره که پنل ادمینی داشته باشید که به راحتی بشه ازون استفاده کرد و امکان تغییر سایت هم برای شما فراهم کنه.

•خدمات پس از فروش 

بعد از طراحی سایت شما پشتیبانی 1 ساله ی رایگان دریافت می کنید، پس هر مشکلی که در این یک سال براتون پیش بیاد ما اون رو بدون هزینه رفع می کنیم.

در آخر هم در خصوص 5 موردی که سایت معمولی رو به یه سایت حرفه ای تبدیل می کنن صحبت می کنیم:

1.صفحه اصلی خود را شلوغ نکنید 

خیلی کم پیش میاد که همه کلمات هر صفحه رو در وب سایت بخونیم. اما، ما به سرعت صفحه ها و کلمات کلیدیشون رو یه نگاه گذرا می کنیم. بهتره بیشتر مخاطبان ارتباط تصویری برقرار کنن تا اینکه بخوان یه سری کلمات در هم رو بخونن و چیزی ازش متوجه نشن. منطقی اینه که صفحه ی اصلی نسبتا خلوتی داشته باشید تا کاربران راحت تر بتونن به دنبال چیزی که میخوان بگردن .ما همچنین پیشنهاد می کنیم تصاویر یا آیکون ها به عنوان روش های جایگزین برای برقراری ارتباط استفاده بشن.

2.طراحی با سلسله مراتب بصری در ذهن

با تکامل صفحه نمایش ها کار طراحا  باید جوری باشه که محتوا واضح تر بیان بشه. این روزا آدما بی حوصله تر شدن و شما فقط چند ثانیه وقت دارید تا توجه مخاطبان رو جلب کنید و به اون ها بگید که سایتتون در چه موردی است. اگه شما یک سلسله مراتب واضحی رو به اطلاعات خودتون اضافه کنید، خوانندگان شاید نتونن بهتون کمک بکنن اما در ناخودآگاهشون مسیریکه در اختیارشون گذاشتید رو دنبال کنن. سپس رنگ، کنتراست، اندازه و فاصله برای جلب توجه بیشتر بهتره اعمال بشه. یکی از بهترین عناصر طراحی ما برای ایجاد سلسله مراتب بصری قوی، نوارها است: این کار کمک می کنه که وب سایتتون رو به بخش های واضح و قابل هضم تری تقسیم کنید.

3.تولید محتوای خوانا 

خوانایی متن به این معناست که میزان راحتی درک کلمات، جمله ها و عبارات برای مخاطبان قابل قبول باشه؛ وقتی خوانایی متن سایت بالا باشه کاربران بهتر مطالب سایتتون رو برانداز می کنن و بدون تلاشی مفهوم اطلاعات موجود در سایتتون درک می کنن.

4.از راحتی دنبال کردن سایتتون اطمینان حاصل کنید

سایتی با راهبری خوب به موتورهای جستجو برای ایندکس شدن محتوای شما کمک می کنه و علاوه بر این تجربه ی بازدیدکنندگان رو هم بهبود می بخشه. پس بهتره لوگو به صفحه ی اصلی سایتتون لینک بشه، منوی سایتتون رو جدی بگیرید و محتوای مهمتون رو در بالای سایت قرار بدید. همه ی این موارد و چیزهای دیگه رو دقت کنید که شرکت طراحی سایت مورد نظر جدی بگیره.

5.سازگار با موبایل 

تمام تاکید ما اینه که حواستون به ریسپانسیو بودن سایتتون باشه. اگه طراحی سایتتون رو به دارکوب سپردید خیالتون راحت باشه ما این کار رو واستون انجام میدیم.

تازه های ژانویه 2014 برای طراحان و برنامه نویسان وب سایت شامل برنامه های وب جدید, پلاگین های JQuery و منابع جاوا اسکریپت, ابزارهای توسعه و برنامه نویسی وب, منابع طراحی سایت ریسپانسیو و موبایل, ابزارهای مرتبط, منابع کد نویسی, و فونت های جدید عالی می باشد.

برخی از منابع زیر رایگان می باشند و برخی شامل هزینه هستند, و این ابزارها منابع مفیدی برای طراحان و برنامه نویسان وب سایت می باشند.

در صورتی که موردی از قلم افتاده می توانید در بخش نظرات پایین صفحه اعلام نمایید. و در صورتی که می خواهد در جریان تازه های طراحی وب سایت قرار بگیرید صفحه رسمی دارکوب در فیس بوک را لایک نمایید.

Duo

Duo مرورگری برای تست وب سایت های ریسپانسیو (سازگار شده با مرورگر موبایل) می باشد. و به صورت وب بیس و همچنین قابل نصب بر روی سیستم های مک موجود است.

TimeTracker

TimeTracker نرم افزار محاسبه گر زمان می باشد که به طور اتوماتیک زمان بندی می نماید, ابزار آنالیز در زمان, و سایر موارد را دارا می باشد. حساب کاربری رایگان اولیه با Adobe CS/CC کار می نماید, در صورتی که حساب های ارتقاء یافته آن با سایر نرم افزارها سازگاری کامل دارد.

Coment.me

Coment.me به کاربر امکان اضافه نموده سیستم نظرات را بر روی هر آدرسی می دهد. کافی است آدرس وب سایت را وارد نموده, و عرض صفحه ای که قصد دارید باز گردانده شود را معین نمایید, و سپس نظر بگذارید, بکشید, و یا هر کاری که احتیاج دارید قبل از به اشتراک گذاری انجام دهید.

Adaptive Backgrounds

Adaptive Backgrounds یک پلاگین JQuery برای گرفتن رنگ از یک تصویر و قرار دادن رنگ پس زمینه همان بخش از همان رنگ می باشد. و سازگار سازی تصویر پس زمینه را با رنگ پس زمینه آسان می سازد.

Layrs Control

Layrs Control ابزار رایگان فتوشاپ برای بهتر نمودن محیط کار شما می باشد. شما می توانید نام لایه ها را ویرایش نمایید, افکت های بی کاربرد را حذف نمایید, لایه های خالی را حذف نمایید, و شامل امکانات مختلفی می باشد.

Typing.io

Typing.io تمرین تایپ کردن ویژه برنامه نویسان وب می باشد, که به کاربر امکان مدیریت کاراکترهایی را که در محیط های معمولی نمایش داده نمی شوند را می دهد.

Passweird

Passweird سیستم ایجاد رمز می باشد که به شما امکان ایجاد رمزهایی را می دهد که هیچ کس قادر به حدث زدن آن نیست..

Origami

Origami ابزاری برای ایجاد پروتوتایپ ها می باشد. و به شما قابلیت ایجاد پروتوتایپ ها را می دهد, بدون نیاز به برنامه نویسی.

Myth

Myth ابزار نوشتن CSS می باشد که به شما امکان کد کردن کدهای CSS بدون نگرانی از پشتیبانی مرورگرهای مختلف را می دهد.

Social Kit

Social Kit پلاگین فتوشاپ برای ایجاد تصاویر کاور , تصاویر پروفایل, تبلیغات و بنرها در شبکه های اجتماعی, به مانند فیس یوک، توئیتر و گوگل پلاس می باشد.

Typecsset

Typecsset کتابخانه Sass برای ایجاد تایپ ها در وب می باشد, که به صورت اتوماتیک مشکل پیکسل ها و خطوط را رفع می نماید.

Readymag

Readymag ابزار ایجاد وب به صورت داستان گویی می باشد, از پرزنتیشن ها گرفته تا بلگ ها و سایت های این چنینی. که با مرورگرهای مختلف سازگاری کامل دارد و نیازی به دانش برنامه نویسی ندارد.

Writer Pro

Writer Pro ابزاری ویژه نویسندگان می باشد که قابلیت توضیح گذاری دارد. که در حدود 20$ قیمت دارد.

Planetary.js

Planetary.js به شما امکان ساخت نقشه وب سایت مطابق با سلیه شما را می دهد. این ابزار همچنین به شما قابلیت ایجاد انیمیشن های gif را به همراه قابلیت دراگ و دراپ می دهد.

Magnifier.js

Magnifier.js کتابخانه جاوا اسکریپت برای ایجاد قابلیت ذره بین بر روی تصاویر می باشد. همچنین قابلیت زوم توسط چرخ موس را نیز دارد, و همچنین قابلیت قرار دادن لنز بر روی تصویر و بزرگنمایی آن در نقاط دیگر را به شما می دهد.

Color Thief

Color Thief اسکریپت جاوا اسکریپت برای گرفتن رنگ از تصاویر می باشد.

Picjumbo

Picjumbo مجموعه از تصاویر رایگان می باشد که می توانید در کار خود از آنها استفاده نمایید. دسته بندی های مختلف دارد که می توانید از بین آن ها انتخاب نمایید, که روزانه تصاویر جدیدی به آن اضافه می گردد.

Dillinger

Dillinger ویرایشگر HTML5  می باشد که بر پایه Ace Editor پیاده سازی شده, که از Bootstrap, Marked, node.js پشتیبانی می نماید.

Pinegrow Web Designer

Pinegrow برنامه ای برای ساخت صفحات وب سایت با قابلیت پشتیبانی از Bootstrap می باشد که با ویندوز و مک سازگاری کامل دارد.

Makeappicon

Makeappicon ابزاری برای ساخت آیکون ها با چند کلیک ساده می باشد.

Black Tie

Black Tie مجموعه از قالب های Bootstrap را ارائه می نماید. که این قالب ها شامل صفحات درباره ما و تماس با ما و سایر صفحات نیز می باشد.

Really Simple HTML Email Template

ایمیل Really Simple HTML Email Template یک قالب ساده طراحی شده ایمیل می باشد که می توانید آن را مطابق با نیازهای خود تغییر داده و ارسال نمایید.

هم اکنون سال 2013 به پایان رسیده و سال جدید 2014 آغاز شده و می بایست برای این سال جدید آماده بود. با شروع این سال می بایست همه موارد مربوط به این سال را بررسی نماییم. زمان آن رسیده که به 365 روز سال گذشته بنگریم و آن را بررسی نماییم. می بایست به آینده نگاه کرد و برای آن آماده بود و همینطور وب سایت شما نیز می بایست مطابق با نیازهای روز باشد. در این بخش 5 نکته مهم در ارتباط با وب سایت برای سال جدید برای شما بیان می نمایم.

بهینه سازی عناوین و تگ های متا

داشتن رنک بالاتر در موتورهای جستجو به معنای افزایش ترافیک وب سایت می شود و افزایش ترافیک وب سایت باعث رونق کسب و کار می گردد. بهینه سازی صفحات سایت، عناوین و تگ های متا باعث بهتر ایندکس شدن صفحات سایت توسط موتورهای جستجو می شود. این مورد به شما در گرفتن رنگ بهتر در زمینه موضوع مورد نظر کمک می نماید. برای انجام این کار حتما با متخصص سئو مشورت نمایید.

افزایش سرعت وب سایت

سرعت وب سایت (مدت زمانی که کاربر در انتظار لود شدن وب سایت منتظر می ماند) یکی از فاکتورهای می باشد که موتورهای جستجو و مخصوصا گوگل به سایت شما رنک می دهند. لازم به ذکر نیست سرعت بالای وب سایت برای کاربران وب سایت نیز بسیار مهم می باشند و صفحه وب سایت می بایست کمتر از چند ثانیه لود شود در غیر این صورت و در صورتی که سایت با تاخیر باز شود ممکن است کاربر صفحه وب سایت شما را مشاهده ننماید. با استفاده از ابزار Page Speed Insights گوگل می توانید سرعت وب سایت خود را بسنجید. برای سنجش سرعت وب سایت کافی است آدرس صفحه سایت خود را در باکس مورد نظر درج نموده و گوگل به شما خطاهای وب سایت و هم چنین پیشنهاداتی راجع به بهتر شدن سرعت وب سایت می دهد. این پیشنهادات معمولا شامل کم کردن حجم و تعداد فایل های CSS و JAVASCRIPT و بهینه سازی صفحه HTML می باشد. سرعت سنج گوگل این پیشنهادات را هم برای موبایل و هم برای کامپیوترهای معمولی در دو تب جداگانه می دهد. پس به این صورت می توانید سرعت وب سایت خود را هم در موبایل و هم در کامپیوترهای معمولی بسنجید.

بهینه سازی سایت برای موبایل

با توجه به اینکه در کدام بخش از جهان هستید، کاربران اینترنت به درصدی از موبایل برای مرور اینترنت استفاده می نمایند ( در آمریکا 20% و در هند 60% ). این درصد از کاربران تعداد بسیار زیادی از کاربران را تشکیل می دهد و این تعداد روز به روز در حال افزایش است. در صورتی که سایت شما برای موبایل بهینه سازی نشده باشد شما تعداد قابل توجهی از کاربران خود را از دست خواهید داد و سایتی با پایه ای ضعیف خواهید داشت. سایت خود را در مرورگرهای مختلف موبایل و تبلت بررسی نمایید. با توجه به پیچیدگی وب سایت شما، پیشنهاد می گردد نسخه موبایلی سایت را که مختص برای مرورگرهای موبایل ایجاد گردیده طراحی نمایید. طراحی سایت موبایل به دو روش انجام می پذیرد که روش اول اضافه نمودن کدهای تشخیص موبایل در سایت و اجرا شدن CSS های مربوط به موبایل در هنگام مرور وب سایت توسط موبایل می باشد و روش دوم بررسی و پیاده سازی سایتی با کلیه ابعاد می باشد که در این نوع طراحی سایت در همه رزولوشن های مختلف بررسی می گردد. مرورگرهای موبایل و تبلت ها به دلیل آنکه تصاویر در پیسل های بیشتری استرچ می شوند رزولوشن های درخشانتری دارند و می توانید در مرورگرهای موبایل و تبلت ها تصاویر با پیکسل بالاتری نمایش دهید.

استفاده از شبکه های اجتماعی

از هر 4 کاربر در اینترنت 3 کاربر از شبکه های احتماعی استفاده می نماید. در صورتی که مطالبی ایجاد ننموده اید که به راحتی در شبکه های اجتماعی به اشتراک گذاشته شود سال 2014 می بایست این کار را انجام دهید. شما می بایست در سایت خود فیلم, تصویر و مطلب بارگذاری نمایید و کلیدی برای به اشتراک گذاری مطلب در شبکه های اجتماعی قرار دهید. می توانید ابزار ShareThis را در تمام مطالب خود استفاده نمایید. استفاده از شبکه های اجتماعی و سیگنال های آن موردی است که برای موتورهای جستجو و مخصوصا گوگل به عنوان یکی از آیتم های تاثیر گذار رنک سایت تبدیل شده.

تبدیل وب سایت

در صورتی که از جوملا، وردپرس و PHP استفاده نمی نماید زمان آن رسیده که وب سایت خود را بر پایه آن ها طراحی نمایید. استفاده از این سیستم ها به خصوص توسط برندها و سایت های بزرگ رشد چشم گیری داشته و این به آن دلیل است که این سیستم ها مزیت های بسیاری را در مقایسه با سایت های Asp.net ارائه نموده اند. برای طراحی سایت php زمان بسیار کمتری در مقایسه با سایت Asp.net می بایست صرف نمایید. هزینه پیاده سازی سایت توسط php به مراتب پایین تر از asp می باشد و همچنین سایت توسط php در مدت زمان بسیار کمتری نسبت به asp پیاده سازی می شود. همچنین php بر روی سرورهای ویندوز و لینوکس تقریبا عملکرد یکسانی دارد ولی asp.net فقط سازگار با سرورهای ویندوز می باشد.

برندها قدرتمند می باشند. زمانی که یک شرکت در راه اندازی برند خود موفق است, آن شغل موفق خواهد بود بدون اینکه از ابزارهای دیجیتال استفاده نماید. مشتریان به برند برای پرداخت پولی که به سختی کسب نموده اند اطمینان می نمایند.

برندها, هر چند, منحصر به شرکت های بسیار بزرگ نیستند. هر کسی می تواند یک برند ایجاد نماید. طراحی سایت یکی از گام های ابتدایی در به وجود آوردن برند می باشد, در بخش زیر روش هایی را به شما نشان می دهیم که از طریق آن به برند خود ارزش می گذارید:

موفقیت در سادگی می باشد

سادگی همیشه بخشی از داستن های موفق است: زیرا در همان جهتی می باشد که انسان ها در آن حرکت می نمایند. ممکن است موردی بسیار پیچیده باشد اما برای ما جالب نخواهد بود. سادگی روشی برای راحت تر کردن کارها می باشد. و روش انجام کارها می باشد. سادگی از نوشتن موثر تا بهترین طراحی های جهان می باشد. در صورتی که کار خود را پیچیده نمایید درصد موفقیت خود را پایین می آورید.

طراحی سایت خود را ساده انجام دهید. در صورتی که یک شرکت کوچک دارید, تنها مواردی که به آن احتیاج دارید چند صفحه که در مورد شما توضیح دهد و همچنین یک بلاگ می باشد. لازم نیست صفحات بسیار زیادی در سایت خود داشته باشید تا سایت شما بزرگتر جلوخ نماید. البته همیشه بلاگ خود را مملو از اطلاعات مفید در زمینه شغلی خود نمایید.

سایت را برای دیگران طراحی نمایید نه برای خودتان

شما برای کسی مهم نیستید; یا نه همان قدر که شما فکر می کنید. بیشتر مشاغل سایت خود را به گونه ای طراحی می نمایند که نشان دهند چقدر بزرگ و قدرتمند هستند. صفحه درباره ما آن ها شامل اطلاعات بسیاری می باشد که به مانند یک کتاب می باشد. بلاگ آن ها شامل کنفرانس هایی می باشد که آنها در آن شرکت نموده اند, مراسمی که در آینده برگزار می گردد, و معرفی محصول جدید برند می باشد.

البته همه این موارد خوب هستند، اما سعی نمایید سایت را برای بازدید کننده، مشتری و خوانندگان خود طراحی نمایید. بهتر است برای معرفی این موارد خود یک سایت شخصی و یا بلاگ طراحی نمایید.

از المان های درستی استفاده نمایید

تمامی شغل ها از پایه شروع می شوند و بنابراین دلیلی وجود ندارد که خدمات و یا محصولات شما خوب باشد. چند مورد می باشد که به مشتریان شما اطمینان می بخشد. در طراحی سایت خود و المان های آن می بایست بسیار دقت نمایید که همه موارد جهت دهی برند شما را اعلام نماید. سعی نمایید همه موارد مرتب و تمیز باشند و همه متن ها درست و منظم سر جای خود قرار گیرند. برای آنکه خود را برند نمایید به نظم وب سایت خود بسیار دقت نمایید.

داستان شغلی شما چیست

برای موفقیت شغلی 5 مورد مورد نیاز است: شما به یک قهرمان احتیاج دارید، به یک هدف، حقایق، اخلاقیات. در کنار این موارد شما می بایست داستان شغلی خود را بیان نمایید. شما می بایست بازدیدکنندگان خود را به وجود آورید و ترغیب نمایید. شما به یک داستان احتیاج دارید. شغلی شما به یک هدف نیاز دارد. اهداف را بیابید و راه های رسیدن به اهداف را در سایت بیان نمایید. همه موارد را ساده نمایید تا درک شما برای کاربر ممکن باشد، و شما را دوست بدارد و به شما اطمینان نماید.

صحت عملکرد سایت را بررسی نمایید

همه وب سایت ها لینک هایی دارند که به صفحه 404 که به معنای صفحه یافت نشد وارد می شود. بدتر از همه آنکه کاربر به هیچ کجا منتقل نمی گردد. منوها بسیار گیج کننده هستند و صفحه بسیار کند لود می شود و مهم تر از همه مطالب مهم سایت در دید نیستند. طراحی غیر خلاقانه می باشد و از تصاویر معمولی استفاده گردیده. برخی از صفحات به صورت کامل باز نمی شوند. در برخی مواقع در سایت با بخش هایی ماجه می شوید که به خوبی عمل نمی نمایند. ممکن است که این موارد کوچکی باشد اما زمانی که یک کاربر را از دست دادید دیگر به سختی می توانید او را باز گردانید. تمام موارد سایت خود را به صورت کامل بررسی نمایید. نظم ترتیب در سایت بسیار مهم می باشد و تمام بخش های سایت خود را به مانند یک کاربر بررسی نمایید. از دوستان خود بخواهید سایت شما را بررسی نمایند و نظر خود را در مورد سایت ارائه نمایند. این مورد را هرگز از دست ندهید. اشتباهاتی که شما از آن به راحتی رد می شوید را کاربران سایت شما می بینند.

طراحان و برنامه نویسان همیشه در تلاشی برای رفع مشکلات فنی خود در زمینه طراحی وب سایت هستند. فعالیت های آنلاین امروز روز به روز در حال گسترش و افزایش است. شبکه های اجتماعی، فروم ها برای متخصصان در هر زمینه ای بسیار مهم شده اند که این مورد برای طراحان و برنامه نویسان وب بسیار مهم تر می باشد. اکنون عضویت در این بخش ها بسیار مهم تر از قبل می باشد. در صورتی که من طراح و یا برنامه نویس وب باشم و می خواهم در جوامع شغلی خود فعال تر باشم از کجا می بایست شروع نمایم؟

3 مورد از فروم ها برای طراحان و برنامه نویسان وب

رویت یک فروم و عضویت و شرکت در آن روش بسیار مناسبی برای اطلاع یافتن از ایده های سایرین و به اشتراک گذاری اطلاعات شخصی می باشد. شما می توانید با اشخاصی ارتباط برقرار نمایید که مواردی می دانند که شما نمی دانید. فروم ها و تالارهای گفتمان توسط افرادی مدیریت می شوند بنابراین می توانید از صحت مطالب آن تا حدی مطمئن باشید.

در بخش زیر 3 مورد از بهترین فروم ها را برای طراح و برنامه نویسی وب سایت معرفی می نمایم:

• Forrst. این فروم یک انجمن سنتی و قدیمی نمی باشد, در این انجمن کاربران متخصص بسیاری عضو هستند. تمرکز اصلی برای روی طراحی (که به دسته بندی های مختلفی تقسیم شده) و مرور کد است, و بحث در مورد موضوعات روز می باشد.
• Stack Overflow. این فروم بسیار جالب می باشد زیرا به خوانندگان این امکان را می دهد در بحث شرکت نمایند بدون آنکه نیاز باشد به سوالی پاسخ دهند و یا سوالی را مطرح نمایید. کاربران می توانند به بهترین پاسخ ارائه شده رتبه دهند, پس بنابراین زمانی که شما در حال رویت پاسخ های سوالات می باشید بهترین پاسخ به عنوان اولین نتیجه نمایش داده می شود. هر کس می تواند سوال بپرسد, هر کس هم می تواند پاسخ دهد, و هر کسی می تواند رای دهد. نیاز به عضویت در سایت نیست, که این قابلیت در انجمن های معمولی موجود نیست.
• Web Developer. یکی از معروفترین انجمن ها (که در موتورهای جستجو به عنوان اولین نتایج می باشد) و دارای اطلاعات بسیاری می باشد. قبل از ارسال می بایست در سایت ثبت نام نمایید, و می توانید مطمئن باشید سوالات و پاسخ های شما در این فروم بسیار دیده می شود.

3 شخصیت برتر توسعه دهنده وب در شبکه های اجتماعی و چرا می بایست آن ها را دنبال نماییم

در صورتی که به استفاده از شبکه های اجتماعی علاقه ای ندارید این مورد را از دست خواهید داد ولی با دنبال کردن این متخصصان و توسعه دهندگان وب در محیط توئیتر از آنان مطالب جدیدی خواهید آموخت. برخی از این متخصصان در زیر آمده.

• John Resig. John Resig خالق jquery می باشد, یک برنامه نویسی جاوا اسکریپت, و مولف, و او این تکنولوژی ها را کامل می شناسد. توئیتر او مکان بسیار مناسبی برای دنبال کردن می باشد زیرا مطالب مفیدی را توئیت می نماید. موردی که بسیار جالب می باشد آن است که سوال و جواب هایی رو در شبکه اجتماعی مطرح می نماید تا سایر کاربران بتوانند در بحث شرکت کنند.
• Gina Trapani. با وجود اینکه این متخصص در حدود 300000 دنبال کننده در توئیتر دارد, مطالب بسیاری را دائما در شبکه های اجتماعی ارسال می نماید. ایشان شخص بسیار تاثیر گذاری در این صنعت می باشند.
• Eric A. Meyer. من ایشان را دوست دارم زیرا به کلیه سوالات مطرح شده در زمینه html و css پاسخ می دهد و در بحث ها شرکت می نماید. ممکن است که یکی از تاثیر گذارترین افراد نباشد , اما این شخص تسلط بسیاری به این شغل دارد. و این شخص اطلاعات علمی بسیاری دارد, با 22000 توئیت انجام شده می توانیم اعلام نماییم یکی از فعال ترین متخصصان است.

3 مورد از بهترین بلاگ های طراحی و توسعه وب سایت

در زیر به شما 3 مورد از بهترین بلاگ های طراحی و برنامه نویسی وب سایت را معرفی می نمایید که در این سایت ها می توانید مطالب بسیار مفیدی و آخرین تکنیک های روز دنیا را مطالعه نمایید:

• Smashing Magazine. یکی از محبوب ترین های من و همچنین پر بازدید ترین بلاگ های آموزشی. این بلاگ به صورتی طراحی شده که طراحان و برنامه نویسان به راحتی می توانند مطالب مورد نظر خود را مطالعه نمایند.
• Scott Hanselman. این بلاگ دارای مطالب بسیار مفیدی می باشد. این شخص تجربیات واقعی خود را در زمینه طراحی و برنامه نویسی وب سایت با شما اشتراک می گذارد.
• OXP (One Xtra Pixel). این بلاگ مطالب خود را با کمی طنز ارائه می نماید. و موضوعات آن از موارد پایه تا موارد فنی تر می باشد, اما همیشه در مطالب خود از گرافیک های طنز استفاده می نماید.

بلاگ خبری توسعه دهندگان وب

در این بلاگ ها می توانید مطالب مفید سایر کاربران را مطالعه نمایید و در صورتی که مطلب و مقاله مفید قابل ارائه داشتید آن را ارسال نمایید. در زیر یک مورد را برای شما لیست نموده ام:

• CSS Drive. این سایت به مانند یک سایت خبری طراحی شده, بنابراین مطالب بسیاری را در مرحله اول مشاهده می نمایید. این سایت ساختار بسیار مناسبی دارد و بنابراین به راحتی می توانید موضوعات مورد نظر خود را بیابید و مطالعه نمایید.

در اغلب موارد یک فرم بخش فعال وب سایت می باشد. تمام کاری که در زمینه ارائه محصولات و خدمات خود می نمایید به یک فرم ختم می شود. به هم دلیل طراحی سایت دارکوب به طراحی فرم های خود اهمیت بسیاری قائل می شود. فرم ها را می بایست از اسپم ها و هکرها امن ساخت. ظاهر فرم می بایست مرتب و کاربر پسند باشد و همه چیز در جای خود قرار گیرد. با بررسی دقیق فرم بهترین فرمی که تا کنون طراحی کرده ایم را ایجاد می نماییم.

کار خیلی سنگینی نیست. کافی است فرم خود را بسیار ساده و مرتب طراحی نمایید و این کار باعث افزایش پر کنندگان فرم می شود. فقط کافی است این 15 قانون را در طراحی فرم انجام دهید.

15 قانون در طراحی فرم وب سایت

1. بهتر است فیلدهای کمتری داشته باشید

هیچ کس پر کردن فرم را دوست ندارد، اما آیا میدانستید هر فیلد میزان اثر بخشی فرم را 17% پایین می آورد. مطالعات بسیاری در این زمینه انجام شده که چند مورد آن در بخش زیر آمده:

• یک فرم تماس با ما 11 فیلدی با فرم تماس با ما 4 فیلدی جایگزین شد و کاربران 160% از فرم تماس با ما 4 فیلدی بیشتر استقبال نمودند
• یک فرم 5 فیلدی 34% بیشتر از فرم 9 فیلدی توسط کاربران تکمیل شده
• در تحقیقی بر روی 40000 وب سایت یک فرم 3 فیلدی 17% بیشتر از یک فرم 4 فیلدی تکمیل شده. این که تعداد فیلدها از انواع مختلف (متن، جعبه متن، لیست، رادیو، چک باکس و ...) تاثیر بسیاری بر روی میزان تکمیل کردن آن خواهد داشت.

2. فیلدهای اجباری را محدود نمایید

فقط فیلدهایی که واقعا به آن احتیاج دارید را اجباری نمایید. در یک تحقیق بررسی شده که فیلد فرم تلفن اجباری 275% بر میزان اثر بخشی و تکمیل فرم تاثیر گذاشته. همیشه فیلدهای اجباری را توسط علامت هایی مشخص معین نمایید.

3. فرم را به صورت تک ستونی طراحی نمایید

فرم های تک ستونی سریعتر تکمیل می گردند و برای کاربر حس بهتری خواهد داشت. معمولا فیلدها در ستون دوم فراموش می شوند.

4. عناوین را بالای فیلدها قرار دهید

قرار دادن عنوان فیلدها در بالای آن در صورتی که قصد دارید کاربران فرم را سریعتر تکمیل نمایند ایده بسیار جالبی می باشد. چشم انسان قابلیت جا به جا شدن از بالا به پایین را در 50 میلی ثانیه انجام می دهد ولی به صورت افقی را در مدت 250 میلی ثانیه انجام می دهد. البته قرار دادن عناوین داخل فیلد نیز مورد مناسبی می باشد.

5. عناوین فیلدها می بایست به درستی کار شوند

سعی نمایید برای فیلدهای خود عناوین درستی انتخای نمایید و تا جایی که می توانید این عناوین را کوتاه در نظر بگیرید.

6. فرم را اعتبار سنجی سمت کاربر نمایید

اعتبار سنجی فرم را پس از ارسال فرم کاربر انجام ندهید و از JavaScript/HTML5 برای نمایش خطای کاربران در کنار فیلد استفاده نمایید. دقت نمایید تا فیلد مورد نظر مشخص باشد و پیغام خطای آن نیز در کنار آن نمایش داده شود. همچنین فقط مواردی که به آن واقعا احتیاج دارید را اعتبار سنجی نمایید. اعتبار سنجی بسیار هم ممکن است از تکمیل فرم کاربران بکاهد.

7. ورودی های فرم را محدود نمایید

در صورتی که قصد دارید کاربر فیلدی را در فرمت خاصی مثلا xxx-xxx-xxxx تکمیل نماید می بایست کاربر را مجبور به این کار نمایید. مثلا به جای ایجاد تک باکس برای فیلد تاریخ بهتر است به کاربر تقویم نمایش داده شود تا کاربر تاریخ را انتخاب نماید.

8. ورودی های پیش فرض در فرم قرار دهید

برای کاربران ورودی پیش فرض نمایش دهید تا کاربر سریعا متوجه شود چه نوع ورودی می بایست وارد نمایید. انجام این کار مخصوصا برای کاربران موبایل بسیار مناسب است زیر آنها در صفحه کوچک خود راحتر متوجه فیلدی که می بایست وارد نمایند می گردند.

9. نوع ورودی مناسب برای فرم قرار دهید

همه فیلدهای خود را از نوع متنی قرار ندهید بلکه از نوع فیلدها ماه، شماره، ایمیل و سایر موارد استفاده نمایید.

10. بخش نحوه تکمیل فرم قرار دهید

در کنار فرم آیکونی جهت نحوه تکمیل فیلد مورد نظر قرار دهید و این آیکون را به صورت موس اور به کاربر نمایش دهید.

11. از کپچا CAPTCHA استفاده ننمایید

در صورتی که از CAPTCHA استفاده نمایید میزان تکیل فرم توسط کاربران پایین خواهد آمد. در صورتی که از این مورد استفاده نمایید در حدود 3%–14% اثر بخشی فرم خود را از دست خواهید داد. جهت جلوگیری از اسپم ها از روش های دیگری که کاربر پسند تر هستند نظیر honeypot استفاده نمایید.

12. کلیدهای فرم خود را نام گذاری نمایید

برای فرم خود عنوان و توضیحات در نظر بگیرید تا کاربران بهتر و با اطلاعات بیشتری فرم را تکمیل نمایند. کلیدهای فرم خود را بهتر نام گذاری نمایید مثلا به جای کلید "ارسال" از کلید "تکمیل ثبت نام" استفاده نمایید.انجام این کار به کاربر این اطلاع را می دهد که در حال انجام چه کاری است.

13. کلیدهای فرم خود را در معرض قرار دهید

کلید پیش فرض فرم می بایست از سایر موارد فرم بیشتر نمایان باشد. این مورد در صورتی که فرم شما چندین کلید داشته باشد بسیار مهم است.

14. با کاربران خود در ارتباط باشد

زمانی که کاربر فرم را ارسال نمود پیغام مناسبی به کاربر نمایش دهید تا کاربر بداند پس از تکمیل فرم چه اتفاق می افتد و یا چه کارهایی می بایست انجام دهد.

15. مقایسه فرم های بلند و فرم های چند مرحله ای

در تحقیقی که بر روی یک فرم که به صورت تک صفحه ای طراحی شده بود با فرمی که به صورت چند صفحه ای و مرحله ای ایجاد شده بود فرمی که تک صفحه ای ایجاد شده بود بیشتر مورد استقبال کاربران قرار گرفت. فرمی که به صورت تک مرحله ای طراحی شده بود در حدود 22% بیشتر از فرم دیگر تکمیل شده بود. اما در صورتی که مجبور به ایجاد فرم چند صفحه ای بودید بهتر است در فرم بخشی را جهت آنکه کاربر بداند در چه مرحله ای از تکمیل فرم است تعبیه نمایید.

طراحی لوگو ، طراحی آرم یا نشانه یکی از مهمترین گامهای اولیه برای شروع یک تجارت ، تولید و کسب و کار است . امروزه با وجود اهمیت بسزای لوگو و آرم تجاری که موجب استقبال شایان توجه صاحبان مشاغل گردیده است ، ولی متاسفانه به دلیل دسترسی سهل و آسان به بانک اطلاعاتی لوگوهای از پیش طراحی شده اغلب کارفرمایان محترم به یک لوگو یا آرم منحصر به فرد ، متناسب با فعالیت و نوآورانه دست نمی یابند .گروه طراحی دارکوب با هدف خدمات رسانی مناسب ، حرفه ای و خلاقانه در این زمینه ، در تمامی مراحل جاودانه شدن لوگو یا آرم شما ، در کنار شما خواهد بود .

باز طراحی لوگوی مجموعه شما:
همچنین در بعضی موارد شرکت ها دارای نشانه ایی تجاری می باشند که گاهی پس از گذشت زمان و در موردی عدم حرفه ایی بودن طراح نشانه از کیفیت لازم برخوردار نیست اما مجموعه با این نشانه نه چندان زیبا شناخته شده است و نشانه نمی توان کلا
تغییر کند در این موارد ما می توانیم نشانه شما را با نگاهی حرفه ایی به فن گرافیک احیا نماییم .

یکی از مهم ترین بخش های هر شغلی، داشتن یک کارت ویزیت است. همه ما می دانیم زمانی که از تجارت صحبت می کنیم، یک کارت ویزیت می تواند یکی از چیزهایی باشد که برای معرفی خود و شغلتان لازم است. کارت ویزیت به سادگی به مشتریان احتمالی شما یادآوری می کند که شما که هستید و چه کاری انجام می دهید. ولی ممکن است در طراحی کارت ویزیت اشتباهاتی رخ داده و از کارایی آن بکاهد. زمانی که حتی یکی از جنبه های طراحی کارت ویزیت دارای نقص باشد، ظاهر کلّی کارت غلط به نظر رسیده و کارایی آن واقعاً کم می شود .
به همین دلیل، مهم است که یک طراح راجع به اشتباهات احتمالی که ممکن است در حین کار طراحی به وجود بیاید، آگاهی کافی داشته باشد. مهارت های طراح برای خلق آثار طراحی متنوعی آماده است، ولی گاهی اوقات مسائلی وجود دارد که طراحان از آن چشم پوشی می کنند. گاهی اوقات یک کارت ویزیت توسط کسانی طراحی می شود که بایدها و نبایدهای طراحی را نمی دانند. یک یادآوری کوچک قطعاً آسیبی به کسی نخواهد رساند. پس در این جا تعدادی از اشتباهات رایج در طراحی کارت ویزیت را که باید از آن ها اجتناب کنید برای شما تشریح می کنیم .

چه چیزهایی باید راجع به کارت ویزیت بدانید؟

قبل از ارائه لیست اشتباهات، اجازه دهید مرور کوتاهی بر کارت ویزیت ها داشته باشیم. اگر در مورد طراحی صحبت کنیم، می توانید طرح های بسیاری را در Naldz Graphics مشاهده کنید. نگاه کردن این طرح ها صرفاً ایده هایی در مورد طراحی کارت ویزیت به شما می دهد. آیا شما طراحی هستید که قبلاً کارت ویزیت طراحی کرده اید؟ یا یک تازه کار هستید که دوست دارید این کار را انجام دهید؟ بسیار خب، هدف شما هرچه باشد و هرکه باشید، همیشه باید موضوعات مهم راجع به کارت ویزیت را بدانید .
یکی از مواردی که باید درمورد آن آگاهی داشته باشید، محتویات کارت است. یک کارت ویزیت باید شامل نام شخص، نام شرکت، لوگوی شرکت، شماره های تماس، آدرس، آدرس ایمیل، وبسایت و یک عبارت خاص باشد. از قرار معلوم، این عبارت خاص، نویدی در مورد شغل و حرفه شماست و مانند این است که اعتماد مشتری را به خود جلب کنید تا او از بابت تحویل محصولات و خدمات با کیفیت بالا مطئن شود. بقیه اجزاء برای کارت ویزیت ضروری هستند، زیرا اولین دلیل داشتن کارت ویزیت، شناساندن خود و شرکت و راه های تماس به مشتری می باشد. می توانید لینک هایی به رسانه های اجتماعی نیز در کارت قرار دهید، البته به شرط آن که فضا را شلوغ نکند .
اندازه کارت ویزیت هم مهم است. اکثر افراد شاغل، وسیله ای برای نگه داشتن کارت دارند که کارت ویزیت های افراد مختلف را در آن نگه داری می کنند. اگر کارت شما سایز استانداردی نداشته باشد، ممکن است در آن مکان نگه داشته نشود و شانس این که بیافتد، گم شود یا فراموش گردد بسیار است. قطعاً شما نمی خواهید چنین اتفاقی رخ دهد .
دیگر چه چیزی مهم است؟ اجتناب از اشتباهات رایج در طراحی کارت ویزیت نیز بسیار مهم است. این مقاله نیز در همین رابطه نوشته شده است. به لیستی که در زیر ارائه کرده ایم نگاهی بیندازید. پس همین الان کارت ویزیتی را که طراحی کرده اید روبروی خود قرار دهید و نکاتی که بیان می کنیم بر روی کارت خود بررسی نمایید .

اشتباهات رایج در طراحی کارت ویزیت

قطعاً مایل نیستید پول و وقت زیادی صرف طراحی یک کارت ویزیت کنید. هم چنین دوست ندارید آبرو و شهرت برند شما به خطر بیافتد. پس با اجتناب از این اشتباهات، مطمئن شوید کارت ویزیت شما مؤثر و حرفه ایست :

1. فونت بیش از حد کوچک
آیا همه چیز بر روی کارت ویزیت شما خوانا است؟ یا باید از ذره بین استفاده کنید؟! اگر متن شما بیش از اندازه کوچک باشد، کارت ویزیت شما دارای عیب و نقص است. همه افراد دید 100% ندارند و اگرهم داشته باشند، زحمت خواندن کارت را به خود نمی دهند. بله، شما باید مطالب زیادی را بر روی کارت جا دهید، ولی اگر هیچ کس آن را نخواند چه فایده ای خواهد داشت؟ مطمئن شوید که فونت هایی که استفاده کرده اید، کوچک تر از 8 نیستند .

2. رنگ آمیزی ضعیف
رنگ ها همیشه مهم هستند. رنگ ها باعث می شوند یک طرح جذاب و گیرا شود. رنگ ها بر خوانایی متن نیز تأثیر می گذارند. کنتراست را رعایت کنید. از نوشتن متن با رنگ خاکستری بر روی بک گراند سفید اجتناب کنید، زیرا خوانایی متن و جذابیت کارت را کاهش می دهد. می توانید رنگ ها را دستکاری کنید ولی در انجام این کار زیاده روی نکنید. استفاده از رنگ های اضافی، فضای کارت را شلوغ کرده و باعث گیج شدن بیننده می شود .

3. تناقض و ناسازگاری در نمایش برند
شما یک وبسایت، یک لوگو و چیزهای دیگری در رابطه با معرفی برند خود دارید. کارت ویزیت شما باید منسجم و سازگار باشد. اگر شکل و موضوع خاصی را پذیرفته اید، از همان برای کارت ویزیت خود نیز استفاده کنید. گنجاندن برند در یک کارت ویزیت، بسیار با ارزش است. با این کار، برند شما قوی تر شده و درک حرفه و شغلتان برای مشتریان راحت تر است. باید به یاد داشته باشید که کارت ویزیت شما در واقع بخشی از حرفه تجاری شماست و مهم تر این که شما را به افراد مختلف معرفی می کند .

4. کوتاهی در قرار دادن آدرس ایمیل و وبسایت
بعضی از مردم هنوز این بخش را نادیده گرفته و مانند روش قدیم، فقط شماره تلفن را بر روی کارت ذکر می کنند. زمانی که ادرس ایمیل داشته باشید، می توانید بهتر کار کنید؛ زیرا اکثر مردم ترجیح می دهند در عوض تلفن کردن، به شما ایمیل بزنند. هم چنین آن ها علاقه مندند در مورد سایت شما بیشتر بدانند. بنابراین باید لینک سایت خود را نیز در کارت ویزیت ذکر کنید .

5. استفاده از کاغذهای بی کیفیت
نه تنها طرح، بلکه کاغذی که برای چاپ کارت ویزیت به کار می رود اهمیت بسیاری دارد. سعی کنید کاغذ کارت را لمس کنید. آیا نازک و سبک است؟ اگر این طور باشد، کار اشتباهی کرده اید. اگر فکر می کنید کاغذ کارت مهم نیست، سخت در اشتباهید. زمانی که مشتری کارت ویزیت شما را با دست خود لمس می کند، صرفاً با لمس کاغذ، می تواند درمورد شما تصمیم گیری کند. پس از کاغذ سبک استفاده نکنید. از کاغذهایی حرفه ای تر و قابل ارائه استفاده کنید .

6. نامرتب و شلوغ بودن کارت
چه کسی نگاه کردن به صحنه های نامرتب را دوست دارد؟ قطعاً هیچ کس. پس در طراحی کارت ویزیت، دقت کنید صفحه بندی شما نامرتب نباشد. هم چنین مطمئن شوید که کارت شما شلوغ نیست. شلوغی به این معناست که اطلاعات زیادی را بر روی کارت قرار داده باشید. نیازی نیست تمام شماره تلفن های خود را ذکر کنید. از تراکم بیش از حد کاراکترها در یک خط اجتناب کنید. اجازه دهید کارت شما با طرح و متن کمی که دارد، با مشتری حرف بزند .

7. عدم بیان زمینه شغلی
چیزی که دارید، تنها یک کارت نیست، بلکه یک کارت "کسب و کار" است. با داشتن کلمه "کسب و کار"، این عبارت بدین معناست که شما باید کاربرد کارت خود را در تجارت و ارتقاء شغلی خود به حداکثر برسانید. به همین دلیل، ذکر یک عبارت خاص بسیار مفید است که به مردم بگوید شما چه کاری انجام می دهید و چرا انتخاب مناسبی هستید. انجام این کار، کارت ویزیت شما را جذاب تر می کند. از آن پس، کارت شما به عنوان یک ابزار تبلیغاتی عمل کرده و به جذب مشتری کمک می کند .

8. کارت های بیش از حد بزرگ
قبلاً در مورد اندازه کارت صحبت کردیم. بعضی از افراد برای گنجاندن اطلاعات بیشتر یا حتی منحصر بفرد بودن، اندازه بزرگتری برای کارت در نظر می گیرند. ولی حمل و نگه داری چنین کارت هایی مشکل است. با یاد داشته باشید که افراد بسیاری هستند که کارت ویزیت ها را در بین اشخاص توزیع می کنند. زمانی که کارت شما در کیف یا جعبه نگه دارنده کارت جا نمی گیرد، برای افراد دردسر ساز بوده و آن را دور می اندازد. پس چرا از اندازه استاندارد استفاده نمی کنید؟

9. قسمت خالی در پشت کارت
همیشه می توانید از پشت کارت هم استفاده کنید. بقیه اطلاعات را در پشت کارت ذکر کنید. حتی می توانید شعار مخصوص خود را در قسمت پشت کارت تایپ نموده و کارت را از همان سمت به گیرنده بدهید. این کار، گیرنده را مجبور می کند که در نگاه اول شعار شما را مشاهده نماید. به علاوه، می توانید سایر اطلاعات مانند وبسایت و بقیه موارد مهم را در پشت کارت قرار دهید .

10. شغل شناخته نشده
کارت ویزیت شما باید اطلاعاتی درمورد شغلتان به مشتری بدهد. پس مطمئن شوید که مردم با یک نگاه به کارت می توانند شغل شما را تشخیص دهند. این یک اشتباه رایج است، زیرا بقیه فقط به رنگ ها و سایر اجزاء توجه می کنند و به درک شغل اهمیتی نمی دهند. از طراحی کارت های مرموز اجتناب کنید زیرا مشتری وقت اضافی برای حلّ معمّا ندارد. اجازه دهید کارت شما در مورد شغلتان سخن بگوید. با اضافه کردن یک لوگو یا استفاده از روش های خلاق مانند یک عکس جذاب در حرفه عکاسی می توانید این کار را انجام دهید .

11. طرح بی مزه و پیش پا افتاده
طراحی کارت ویزیتی که ساده و بی مزه به نظر می رسد، فقط هدر دادن کاغذ و جوهر است. شما فقط همه چیز را با هم ترکیب می کنید و به فکر یک نشانه خاص بر روی کارت نیستید. زمانی که کارت را طراحی کرده اید یا زمانی که بر روی کارت خود کار می کنید،  فقط بر روی ظاهر و اطلاعات روی آن تمرکز نکنید. به این فکر کنید که چگونه می توانید آن را منحصربفرد کنید و کارت شما چگونه می تواند پیغام شما را انتقال دهد. اجازه دهید کارت شما صرفاً از طریق طرح خود، اطلاعات مربوط به شغل شما را شرح دهد. دریافت کننده کارت باید حس خوبی از دریافت آن داشته باشد .

12. کارت های توزیع نشده
این آخرین مورد، راجع به طراحی نیست، بلکه به خاطر این مهم است که اگر کارت ویزیت های شما صرفاً در یک جعبه نگه داری شده و توزیع نشوند، تمام تلاش شما به هدر می رود. کارت ها را پخش کنید. در به رخ کشاندن شغل خود تردید نداشته باشید. یکی از مزیت های داشتن کارتی با طراحی خوب این است که همیشه به توزیع آن اشتیاق دارید. ممکن است به جذابیت کارت خود افتخار کنید و حرفه خود را در معرض نمایش همه قرار دهید .
ارزیابی کارت شما چگونه بود؟ خوب بود یا مرتکب اشتباهاتی شده بودید؟ اگر چنین است، اکنون زمان طراحی مجدد است. با انجام این کار، همیشه به علت انجام آن اشتباه رجوع می کنید. سعی کنید بهترین کارت ویزیت را طراحی کنید. قطعاً نمی خواهید به واسطه طراحی بد، فقط کاغذ و جوهر هدر دهید. زمانی که طراحی شما با شکست مواجه شد، شما و کارتتان به زودی فراموش خواهید شد و مشتریانتان را از دست خواهید داد .