mrgraphy
جمعه 31 شهریور 1391, 19:28 عصر
سلام دوستان
من یک مقاله در مورد رنگ ها در صفحات وب نوشته بودم که گفتم براتون بزارم.
رنگ شناسی و انتخاب رنگ در صفحات وب با دیگر رنگ شناسی ها مثل چاپ و فتوگرافی تفاوت بسیاری دارد.
اولین موضوعی که کاربر را به یک وبسایت یا صفحه وب جذب میکند مطالب و محتویات آن صفحه و در درجه بعد ظاهر آن صفحه میباشد که این ظاهر باعث سادگی دسترسی کاربران به قسمت های مختلف صفحه می شود.
فکر کنید وارد یک وبسایتی شده اید که تمامی مطالب به صورت خطی و پشت سرهم نوشته شده اند و هیچ یک از بخش ها تفکیک نشده اند و فقط دو رنگ سفید و سیاه در صفحه وجود دارد و این باعث سردرگمی کاربر و خروج او از صفحه میشود.
همچنین رنگ ها در وب نقش مهمی بر روی خستگی و سلامتی چشمان کاربرانی دارد که اکثر ساعات روز در اینترنت هستند و کارشان با اینترنت می باشد. ممکن است کاربری بعد مدت چند دقیقه استفاده از یک صفحه وب از آن خارج شود و علت این ممکن است رنگ بندی بد آن صفحه باشد که باعث ایجاد احساس خستگی و زدگی چشم درکاربر میشود.
انتخاب رنگ در وب به عوامل مختلفی بستگی دارد از جمله :
1- خلاقیت
2- موضوع وبسایت
3- حجم صفحه
4- سایز صفحه
5- ارتباط کاربر با صفحه
خلاقیت : خلاقیت در مانند دیگر شاخه های گرافیک در طراحی وب نیز نقش مهمی دارد.
خلاقیت در طراحی صفحات وب به این معنی می باشد که هرچه طرح شما زیبا تر و شکیل تر و مهم تر ا زهمه متفاوت تر از بقیه طرح ها باشد طرح شما خلاقانه تر میباشد. نکته مهم تفاوت طرح می باشد زیرا اگثر طرح های صفحات مشخص شده هستند. مثل صفحات تک ستونه دو ستونه و یا محتوایی که البته این شیوه بیشتر در وبسایت های ایرانی و فارسی زبان مشاهده می شود و علت آن پائین بودن سطح دانش طراحان میباشد.
موضوع وبسایت : موضوع وبسایت مسئله دیگری است که باید در طراحی صفحات وب به آن توجه نمود.
به عنوان مثال قرار است که شما برای یک شرکت تهییه نوشیدنی وبسایت طراحی کنید. نکاتی که شما باید در طراحی خود در نظر بگیرید این این است که شما باید رنگ بندی طرح خود را به گونه ای انتخاب کنید که در این طرح شما رنگ ها با محصولات و آرم شرکت و موضوع شرکت همخوانی و در بعضی مواقع تضاد مورد نظر خود را داشته باشد.
اگر وبسایت یک مجتمع آموزشی شنا و غواصی زرد یا قرمز باشد شما با دید آن وبسایت چه فکری میکنید. در صورتی که رنگ های سرد مانند آبی و فیروزه ای بیشتر بیان کننده موضوع وب سایت میباشند.
حجم صفحه: حجم صفحه ای که شما طراحی میکنید بستگی به عوامل مختلفی دارد از جمله نرم افزاری که طرح گرافیکی خود را در آن ایجاد میکنید و همچنین نحوه خروجی گرفتین از تصاویر و همچنین طیف رنگ های مورد استفاده.
به عنوان مثال یک تصویر با اندازه 200در200 پیکسل که فقط با یک رنگ پر شده باشد حجم 1 کیلوبایت دارد اما اگر همین تصویر با چند رنگ مختلف پر شده باشد یا از TRASPARENT استفاده شده باشد ممکن است حجم ای تصویر تا 100 کیلوبایت نیز افزایش پیدا کند. بنابراین رنگ های تخت در وب حجم کمتری دارند اما گرادینت ها و Trasparent ها حجم بالا.
سایز صفحه: سایز صفحه یعنی اندازه ای که طرح وبسایت شما قرار است در آن بسته شود.
اندازه صفحات وب بر دونوع می باشد.
یا وبسایت ها Wide می باشند یا دارای سایز استاندارد هستند.
وبسایت های Wide وبسایت هایی هستند که تمامی صفحه مانیتور شما را در بر میگیرند اما وبسایت های دارای سایز استاندارد دارای سایز بندی های مختلفی هستند که با تجه به رزولوشن مانیتور شما ممکن است بزرگتر از صفحه مانیتور شما باشند و اسکرول دار شوند و یا کوچکتر از صفحه مانیتور شما باشد و در وسط صفحه قرار گیریند.
ارتباط کاربر با صفحه: ارتباط کاربر با صفحه یکی دیگر از مواردی است که در طراحی صفحات وب باید مورد توجه قرارگیرد. این موضوع نیاز داشتن شناخت کامل از رنگ ها و خصوصیت های انها می باشد.
صفحه ای که شما طراحی میکنید باید به گونه ای باشد که کاربر پس از مدتی استفاده از صفحه وب احساس خستگی و یک نواختی نکند و این مسئله ای است که در انتخاب رنگ ها اهمیت بسیار زیادی دارد.
شرکت مایکروسافت برای انتخاب رنگ سیستم عامل ویندوز از بیش ا ز 700 روانشناس استفاده کرده است تا رنگ ورد استفاده باعث ایجاد احساس خستگی در کاربر نشود.
تمامی مواردی که در بالا ذکر شدند اصول اصلی انتخاب رنگ و طراحی گرافیک صفحات وب می باشند و این نکته قابل ذکر است که در وبسایت های کوچک و صفحات شخصی و وبلاگ ها این موارد لازم الاجرا نیستند زیرا کاربران کمی با این صفحات در ارتباط هستند اما رعایت آنها بی تاثیر نیست. این موارد بیشتر در وبسایت های پرترافیک و بزرگ و پرتال ها رعایت مشود به عنوان مثال وب سایت اجتماعی FaceBook از تمامی موارد ذکر شده استفاده میکند یا موتور جستجوی گوگل.
در طراحی گرافیک صفحات وب و انتخاب رنگ برای طراح محدودیت هایی وجود دارد از جمله اینکه رنگ های شناخته شده در وب 16 رنگ اصلی می باشند و طراح با توجه به این رنگ ها میتواند رنگ های مورد نظر خورد را بسازد.
به عنوان مثال در وب رنگ هایی مثل طلائی و یا خاکستری وجود ندارد شاید رنگ هایی از این طیف وجود داشته باشند اما خود این رنگ ها در وب وجود ندارد.
در طراحی وب از دوشیوه میتوان برای رنگ بندی قالب یا پوسته سایت استفاده کرد:
1- ساخت یک تصویر گرافیکی در نرم افزاری مثل فتوشاپ
2- تععین رنگ های مختلف توسط CSS (Cascading Style Sheets)
که امروزه با آمدن نسخه جد ید CSS که CSS3 نام دارد قدرت CSS بیشتر از قبل شده و حتی امکان ساخت انیمیشن در CSS فراهم شده است وهمچنین میتوان از آن در ساخت گرادینت نیز استفاده کرد.
استفاده از css در وب یک ضرورت است به طوری که بعضی از طراحان css را قلب تپنده وب مینامند زیرا استفاده از این این سبک باعث کم حجم شدن صفحات وب بهینه شدن آنها میشود اما باید این نکته را در نظر داشت که css به تنهایی قادر به تامین محیط گرافیکی وب نیست و در کنار آن از تصاویر گرافیکی نیز استفاده میشود.
نوشته احسان آقائی
من یک مقاله در مورد رنگ ها در صفحات وب نوشته بودم که گفتم براتون بزارم.
رنگ شناسی و انتخاب رنگ در صفحات وب با دیگر رنگ شناسی ها مثل چاپ و فتوگرافی تفاوت بسیاری دارد.
اولین موضوعی که کاربر را به یک وبسایت یا صفحه وب جذب میکند مطالب و محتویات آن صفحه و در درجه بعد ظاهر آن صفحه میباشد که این ظاهر باعث سادگی دسترسی کاربران به قسمت های مختلف صفحه می شود.
فکر کنید وارد یک وبسایتی شده اید که تمامی مطالب به صورت خطی و پشت سرهم نوشته شده اند و هیچ یک از بخش ها تفکیک نشده اند و فقط دو رنگ سفید و سیاه در صفحه وجود دارد و این باعث سردرگمی کاربر و خروج او از صفحه میشود.
همچنین رنگ ها در وب نقش مهمی بر روی خستگی و سلامتی چشمان کاربرانی دارد که اکثر ساعات روز در اینترنت هستند و کارشان با اینترنت می باشد. ممکن است کاربری بعد مدت چند دقیقه استفاده از یک صفحه وب از آن خارج شود و علت این ممکن است رنگ بندی بد آن صفحه باشد که باعث ایجاد احساس خستگی و زدگی چشم درکاربر میشود.
انتخاب رنگ در وب به عوامل مختلفی بستگی دارد از جمله :
1- خلاقیت
2- موضوع وبسایت
3- حجم صفحه
4- سایز صفحه
5- ارتباط کاربر با صفحه
خلاقیت : خلاقیت در مانند دیگر شاخه های گرافیک در طراحی وب نیز نقش مهمی دارد.
خلاقیت در طراحی صفحات وب به این معنی می باشد که هرچه طرح شما زیبا تر و شکیل تر و مهم تر ا زهمه متفاوت تر از بقیه طرح ها باشد طرح شما خلاقانه تر میباشد. نکته مهم تفاوت طرح می باشد زیرا اگثر طرح های صفحات مشخص شده هستند. مثل صفحات تک ستونه دو ستونه و یا محتوایی که البته این شیوه بیشتر در وبسایت های ایرانی و فارسی زبان مشاهده می شود و علت آن پائین بودن سطح دانش طراحان میباشد.
موضوع وبسایت : موضوع وبسایت مسئله دیگری است که باید در طراحی صفحات وب به آن توجه نمود.
به عنوان مثال قرار است که شما برای یک شرکت تهییه نوشیدنی وبسایت طراحی کنید. نکاتی که شما باید در طراحی خود در نظر بگیرید این این است که شما باید رنگ بندی طرح خود را به گونه ای انتخاب کنید که در این طرح شما رنگ ها با محصولات و آرم شرکت و موضوع شرکت همخوانی و در بعضی مواقع تضاد مورد نظر خود را داشته باشد.
اگر وبسایت یک مجتمع آموزشی شنا و غواصی زرد یا قرمز باشد شما با دید آن وبسایت چه فکری میکنید. در صورتی که رنگ های سرد مانند آبی و فیروزه ای بیشتر بیان کننده موضوع وب سایت میباشند.
حجم صفحه: حجم صفحه ای که شما طراحی میکنید بستگی به عوامل مختلفی دارد از جمله نرم افزاری که طرح گرافیکی خود را در آن ایجاد میکنید و همچنین نحوه خروجی گرفتین از تصاویر و همچنین طیف رنگ های مورد استفاده.
به عنوان مثال یک تصویر با اندازه 200در200 پیکسل که فقط با یک رنگ پر شده باشد حجم 1 کیلوبایت دارد اما اگر همین تصویر با چند رنگ مختلف پر شده باشد یا از TRASPARENT استفاده شده باشد ممکن است حجم ای تصویر تا 100 کیلوبایت نیز افزایش پیدا کند. بنابراین رنگ های تخت در وب حجم کمتری دارند اما گرادینت ها و Trasparent ها حجم بالا.
سایز صفحه: سایز صفحه یعنی اندازه ای که طرح وبسایت شما قرار است در آن بسته شود.
اندازه صفحات وب بر دونوع می باشد.
یا وبسایت ها Wide می باشند یا دارای سایز استاندارد هستند.
وبسایت های Wide وبسایت هایی هستند که تمامی صفحه مانیتور شما را در بر میگیرند اما وبسایت های دارای سایز استاندارد دارای سایز بندی های مختلفی هستند که با تجه به رزولوشن مانیتور شما ممکن است بزرگتر از صفحه مانیتور شما باشند و اسکرول دار شوند و یا کوچکتر از صفحه مانیتور شما باشد و در وسط صفحه قرار گیریند.
ارتباط کاربر با صفحه: ارتباط کاربر با صفحه یکی دیگر از مواردی است که در طراحی صفحات وب باید مورد توجه قرارگیرد. این موضوع نیاز داشتن شناخت کامل از رنگ ها و خصوصیت های انها می باشد.
صفحه ای که شما طراحی میکنید باید به گونه ای باشد که کاربر پس از مدتی استفاده از صفحه وب احساس خستگی و یک نواختی نکند و این مسئله ای است که در انتخاب رنگ ها اهمیت بسیار زیادی دارد.
شرکت مایکروسافت برای انتخاب رنگ سیستم عامل ویندوز از بیش ا ز 700 روانشناس استفاده کرده است تا رنگ ورد استفاده باعث ایجاد احساس خستگی در کاربر نشود.
تمامی مواردی که در بالا ذکر شدند اصول اصلی انتخاب رنگ و طراحی گرافیک صفحات وب می باشند و این نکته قابل ذکر است که در وبسایت های کوچک و صفحات شخصی و وبلاگ ها این موارد لازم الاجرا نیستند زیرا کاربران کمی با این صفحات در ارتباط هستند اما رعایت آنها بی تاثیر نیست. این موارد بیشتر در وبسایت های پرترافیک و بزرگ و پرتال ها رعایت مشود به عنوان مثال وب سایت اجتماعی FaceBook از تمامی موارد ذکر شده استفاده میکند یا موتور جستجوی گوگل.
در طراحی گرافیک صفحات وب و انتخاب رنگ برای طراح محدودیت هایی وجود دارد از جمله اینکه رنگ های شناخته شده در وب 16 رنگ اصلی می باشند و طراح با توجه به این رنگ ها میتواند رنگ های مورد نظر خورد را بسازد.
به عنوان مثال در وب رنگ هایی مثل طلائی و یا خاکستری وجود ندارد شاید رنگ هایی از این طیف وجود داشته باشند اما خود این رنگ ها در وب وجود ندارد.
در طراحی وب از دوشیوه میتوان برای رنگ بندی قالب یا پوسته سایت استفاده کرد:
1- ساخت یک تصویر گرافیکی در نرم افزاری مثل فتوشاپ
2- تععین رنگ های مختلف توسط CSS (Cascading Style Sheets)
که امروزه با آمدن نسخه جد ید CSS که CSS3 نام دارد قدرت CSS بیشتر از قبل شده و حتی امکان ساخت انیمیشن در CSS فراهم شده است وهمچنین میتوان از آن در ساخت گرادینت نیز استفاده کرد.
استفاده از css در وب یک ضرورت است به طوری که بعضی از طراحان css را قلب تپنده وب مینامند زیرا استفاده از این این سبک باعث کم حجم شدن صفحات وب بهینه شدن آنها میشود اما باید این نکته را در نظر داشت که css به تنهایی قادر به تامین محیط گرافیکی وب نیست و در کنار آن از تصاویر گرافیکی نیز استفاده میشود.
نوشته احسان آقائی