نحوه ایجاد طرح‌های رنگی وب‌سایت، تجارت الکترونیک یا برنامه

طرح های رنگی وب سایت، تجارت الکترونیک یا برنامه را توسعه دهید

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

  • تصور اولیه از یک نام تجاری و ارزش آن - برای مثال، کالاهای لوکس اغلب از رنگ مشکی استفاده می کنند، قرمز دلالت بر هیجان و غیره دارد.
  • تصمیمات خرید - اعتماد یک برند ممکن است با تضاد رنگ مشخص شود. طرح‌های رنگی ملایم ممکن است زنانه‌تر و قابل اعتمادتر باشند، تضادهای خشن ممکن است فوری‌تر باشند و باعث تخفیف شوند.
  • قابلیت استفاده و تجربه کاربری – رنگ ها جنبه روانی دارند و همچنین تأثیر فیزیولوژیکی، که پیمایش در رابط کاربری را آسان تر یا دشوارتر می کند.

رنگ چقدر مهم است؟

  • 85 درصد از مردم ادعا کردند که رنگ تأثیر عمده ای بر خرید آنها دارد.
  • رنگ ها شناخت برند را به طور متوسط ​​80 درصد افزایش می دهند.
  • تاثیر رنگ مسئول 60 درصد پذیرش یا رد یک محصول است.

هنگام تعیین یک طرح رنگ برای یک وب سایت، مراحلی وجود دارد که در اینفوگرافیک همراه توضیح داده شده است:

  1. رنگ اصلی - رنگی را انتخاب کنید که با انرژی محصول یا خدمات شما سازگار باشد.
  2. رنگ های اکشن - این در اینفوگرافیک زیر وجود ندارد، اما شناسایی رنگ اکشن اصلی و رنگ اکشن ثانویه بسیار مفید است. این به مخاطبان شما آموزش می دهد که بر روی عناصر رابط کاربری خاص بر اساس رنگ تمرکز کنند.
  3. Aرنگ های اضافی - اضافی را انتخاب کنید رنگ هایی که مکمل هستند رنگ اصلی شما، به طور ایده آل رنگ هایی که رنگ اصلی شما را می سازند پاپ.
  4. رنگهای پس زمینه – رنگی را برای پس‌زمینه وب‌سایت خود انتخاب کنید – احتمالاً تهاجمی‌تر از رنگ اصلی شما. حالت تاریک و روشن را نیز در نظر داشته باشید. سایت‌های بیشتری از طرح‌های رنگی در حالت روشن یا تاریک استفاده می‌کنند.
  5. رنگ های تایپ فیس – رنگی را برای متنی که قرار است در وب سایت شما قرار گیرد انتخاب کنید – به یاد داشته باشید که حروف سیاه یکدست کمیاب است و توصیه نمی شود.

به عنوان مثال، شرکت من Highbridge یک نام تجاری آنلاین برای یک تولید کننده لباس ایجاد کرد که می خواست یک سایت تجارت الکترونیک مستقیم به مصرف کننده بسازد که مردم بتوانند خرید آنلاین لباس. ما مخاطبان هدف خود، ارزش برند را درک کردیم، و - از آنجایی که نام تجاری عمدتا دیجیتال بود، اما یک محصول فیزیکی نیز داشت - روی طرح‌های رنگی متمرکز شدیم که در چاپ (CMYK)، پالت‌های پارچه (پانتون)، و همچنین دیجیتال (RGB و Hex).

آزمایش یک طرح رنگ با تحقیقات بازار

فرآیند ما برای انتخاب طرح رنگ ما فشرده بود.

  1. ما تحقیقات بازاریابی را روی یک سری رنگ های اصلی با مخاطبان هدف خود انجام دادیم که ما را به یک رنگ کاهش داد.
  2. ما تحقیقات بازاریابی را روی یک سری از رنگ‌های ثانویه و ثالث با مخاطبان هدف خود انجام دادیم که در آن برخی از طرح‌های رنگی را محدود کردیم.
  3. ما مدل‌های محصول (بسته‌بندی محصول، برچسب‌های گردن، و برچسب‌های آویزان) و همچنین ماکت‌های تجارت الکترونیک را با طرح‌های رنگی انجام دادیم و آن‌ها را برای مشتری و همچنین مخاطبان هدف برای بازخورد ارائه کردیم.
  4. از آنجا که نام تجاری آنها تا حد زیادی به فصلی بودن بستگی داشت، ما رنگ های فصلی را نیز در ترکیب قرار دادیم. این می تواند برای مجموعه های خاص یا تصاویر بصری برای تبلیغات و اشتراک گذاری رسانه های اجتماعی مفید باشد.
  5. ما بیش از نیم دوجین بار این فرآیند را پیش از رسیدن به طرح نهایی طی کردیم.

کمد 52 طرح رنگ

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

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

رنگ ها، فضای سفید، و ویژگی های عنصر

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

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

در اینجا نتیجه سایت تجارت الکترونیک با طرح رنگ است

  • Closet52 - خرید اینترنتی لباس
  • صفحه مجموعه های Closet52
  • صفحه محصول Closet52

از Closet52 دیدن کنید

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

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

کوررنگی ناتوانی در درک تفاوت‌های بین برخی از رنگ‌هایی است که کاربران دارای اختلال غیررنگی می‌توانند آن‌ها را تشخیص دهند. کوررنگی بر روی پنج تا هشت درصد از مردان (تقریباً 10.5 میلیون نفر) و کمتر از یک درصد از زنان.

قابلیت استفاده.gov

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

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