خلاقیت
است که شخص را به یک طراح وب مبدل می کند و می تواند نقطه تمایز بین یک کار حرفه ای و آماتور باشد. امروزه ابزارهای زیادی برای ایجاد طرح های خلاقانه در طراحی صفحات وب وجود دارد که ما به معرفی برخی از آنها می پردازیم.
ایجاد طرحی دستی برای پیش نمایش
زمانی که تمام داده ها و آنالیزهای مورد نیاز را برای پروژه جمع آوری کردید، زمان آن فرا رسیده تا به منطقه خلاق ذهن خود رجوع کنید و ایده اولیه را پیاده سازی کنید.
طراحی دستی بهترین راه برای شروع پیاده سازی هر طرحی است. استفاده از یک قلم و کاغذ و یا حتی یک تبلت به شما این امکان را می دهد تا به طور سریع هر ایده ای را پیاده کنید.
نسبت به نظرات کاربران نیز می توانید به جزئیات طرح بیافزایید.
استفاده از افکت های css3 مانند Shadow ها
وقتی صحبت از سایه در صفحات می شود در واقع به دو خصلت متمایز در css3 اشاره می شود. گزینه محبوب box-shadow که div ها و box ها را در صفحه جذاب تر می کنند. اضافه کردن این گزینه افکت های سه بعدی شکلی به صفحه شما می دهد.
البته مورد توجه قرار دادن text-shadow برای تایپوگرافی و بیرون زدن متون از صفحه در css3 نیز خالی از لطف نیست. شرکت اپل یکی از اولین شرکت هایی است که در وب سایت خود از این افکت به طور گسترده ای استفاده کرد. می شود از رنگ های مخالف رنگ متن استفاده کرد تا تاثیر مورد نظر را مشاهده کرد.( سایه سفید برای متن تیره و سایه مشکی برای متن روشن).
از دیگر افکت های css3 می توان animation, transition, hover effect و .... را نام برد.
تکسچر هایی به جای رنگ زمینه
سایت های بسیاری هستند که از رنگ های استاندارد برای این منظور استفاده می کنند. اما برای متمایز بودن از تمامی این وب سایت ها می توان از تصاویر تکرار شونده برای پس زمینه وب سایت استفاده کرد.
در این زمینه می توانید از سایت subtlepatterns.com استفاده نمایید. برای این کار فقط رنگ مورد نظر خود را انتخاب کنید و مقدار نویز دلخواه را افزایش دهید، سپس این برنامه تکسچر نهایی را برای شما تولید می کند.
Bootstrap تقریبا یکی از بزرگترین فریم ورک های قابل استفاده در زمینه ui (طراحی ظاهر سایت) برای توسعه دهندگان وب است. این فریم ورک شامل buttons ,input ,links ,columns و تعداد بسیار زیاد دیگری از وب آبجکت های از قبل قالب بندی شده می باشد. بیشترین استفاده از این فریم ورک در صفحات اول وب اپلیکیشن ها می باشد. می توان این فریم ورک را برای پروژه های بعدی در زمینه های صفحات نخست، دمو محصولات، اپلیکیشن موبایل و... در نظر گرفت.
گزینه های زیر را نیز می توان برای ایجاد خلاقیت و تمایز در سایت استفاده نمود:
انیمیشن ها، گالری تصاویر و تصاویر محو شونده و .... معمولا با توابع کتابخانه ای Jquery Ui انجام پذیر هستند. این کتابخانه به صورت متن باز در دسترس عموم قرار گرفته است.
پالت رنگ برای ایجاد رنگ های متنوع
انتخاب رنگ متناسب گیرا ترین بخش ظاهر یک وب سایت است. با این اپلیکیشن می توان با استفاده از رنگ های متنوع ظاهری جذاب تر به صفحات وب بخشید
لینک