طراحی سایت

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

چنانچه شبهاتي در تاثير رنگ بر عواطف داريد، بهاين مطلب دقت كنيد: "غول چشم سبز"، "چشم قرمز"، يا "خاطره سياه رنگ". غول چشم سبز، مرتبط با حسادت، چشم قرمز، به معناي شخصي خشمگين و خاطره اي سياه رنگ به معناي افسردگي است. انسانها رنگها را به عواطف گوناگوني نسبت مي دهند. علم ثابت كرده است كه رنگهاي مختلف مي توانند انسانها را خوشحال، ناراحت، راحت، خشمگين، به وجد يا به ترس آورند.

هر چيزي كه بتواند در انسانها اين پاسخها را بوجود آورد، نيازمند آن است كه با دقت بيشتري در طراحي سايت مورد توجه قرار گيرد. رنگها تمايل دارند تا بصورت "طبيعي"، "گرم" يا "سرد" طبقه بندي شوند. در نتيجه اجازه دهيد نگاهي به آنها بياندازيم.

روانشناسي رنگهاي طبيعي در طراحي سايت :

سفيد – سفيد به معناي خلوص و شفافيت است. در برخي فرهنگها، سفيد رنگ مرگ است در حاليكه در برخي ديگر از فرهنگها، سفيد رنگ اميد و ازدواج است.
خاكستري – خاكستري از اطمينان و محافظه كاري نشات مي گيرد. سايه هاي خاكستري، از مرسوم ترين رنگها براي لباسهاي رسمي كار هستند.
قهوه اي – قهوه اي به معناي زمين، خانه و خانواده است.
سياه – سياه به منزله بزرگنمايي قدرت، شكوه و پيچيدگي است. در برخي فرهنگها، سياه به معناي مرگ است.
رنگهاي گرم
قرمز – قرمز رنگي مطلوب براي جلب توجه است. و اين همان دليلي است كه چرا از اين رنگ براي نامه هاي تبليغاتي استفاده مي شود تا نكات ويژه مورد تاكيد قرار گيرند. قرمز سمبولي براي خشم، تخطي، شهوت و هوس است و مي تواند واقعا فشار خون افراد را بالاتر برد.
زرد – زرد به معناي ضعف يا ترس و همچنين گرما و خوشحالي است.
نارنجي – نارنجي به مرتبط با اشتهاي افراد است.
صورتي – صورتي معمولا نشان دهنده معصوميت، زنانگي و عشق است.

رنگهاي سرد در طراحي سايت :
آبي – آبي اثر بي صدا بودن در افراد را دارد. آبي به منزله هوش و اعتماد است. جالب است بدانيد كه بسياري از سازمانهاي مالي و پزشكي از تم هاي آبي استفاده مي كنند. آبي مي تواند همچنين جلوگيرنده اشتها باشد.
سبز – در حاليكه سبز به معناي حسادت، حريص بودن و بي تجربگي است، ولي همين رنگ به معناي پول و ثروت نيز مي باشد.
ارغواني - ارغواني نشانه اي از خلاقيت است. سايه هاي تيره تر از اين رنگ، در زمانهايي از تاريخ، مختص به دربار و پادشاهان بود و سايه هاي روشنتر آن معمولا با عشق مرتبط هستند.

رنگهاي Web Safe در طراحي سايت
لامپهاي خلا، LCD و تلويزيون پلاسما، هر كدام، رنگها را بگونه اي متفاوت نشان مي دهند. 216 رنگ وجود دارد كه مي تواند در هر نوع صفحه نمايشي و در هر نوع مرورگزي به شكلي يكسان نشان داده شوند. اين 216 رنگ، رنگهاي Web Safe ناميده مي شوند. چنانچه پيوستگي در رنگها مهم باشد، شما مي بايست تنها از رنگهاي Web Safe در سايت خود استفاده نماييد.

طرحهاي رنگ در طراحي سايت
طرحهاي رنگ مي توانند تركيبي از يك رنگ، رنگهاي مكمل، يا رنگهاي متضاد باشند.

تك رنگ: طرحهاي تك رنگ از چندين سايه مختلف با شدتهاي مختلف رنگ بر روي پيش زمينه اي سياه و سفيد مي باشد. بعنوان مثال، چنانچه بخواهيد از يك طرح رنگ قرمز استفاده كنيد، مي توانيد از هر چيزي بين روشنترين صورتي تا قرمز تيره مايل به مشكي، استفاده نماييد.
رنگهاي مكمل: طرح رنگهاي مكمل از دو يا تعداد بيشتري از رنگهايي استفاده مي كنند كه در كنار هم مناسب مي باشند و تركيبي مطبوع را توليد مي كنند كه براي سليقه بيشتر افراد مناسب است. يكي از رنگها ممكن است غالب باشد و رنگ ديگر مكمل آن باشد.

رنگهاي متضاد: طرح رنگهاي متضاد از دو يا تعداد بيشتري رنگ غالب استفاده مي كنند تا يك "اثر چشمگير" توليد شود. بعنوان مثال، استفاده از صفحه اي با پيش زمينه آبي تيره و قابي با رنگ قرمز سير اطراف يك محدوده متني با رنگ پيش زمينه سفيد و فونت سياه، نوعي از طرح رنگ متضاد است.
طراحان سايت نياز دارند تا در هنگام استفاده از رنگهاي متضاد دقت كنند چراكه برخي از تركيب ها، منجر به اثر ارتعاش خواهند كرد نظير متن قرمز روي پيش زمينه آبي كه مي تواند به چشمان برخي افراد صدمه وارد كند. تركيبات ديگري نيز وجود دارند كه استفاده از آنها چندان مطلوب نمي باشد.

چهارچوب كلي رنگ ها
چهارچوبي كه در زير آمده است پيشنهادهايي مي باشند كه مي بايست در ساخت و طراحي صفحات در نظر گرفته شوند تا براي همگان خوانا باشد.
متن بايد خوانا باشد. واضح است كه سياه روي سفيد، انتخابي پيش فرض است ولي تركيبات ديگر نيز مي توانند مناسب باشند. سفيد يا زرد يا رنگهاي روشن ديگر نيز روي پيش زمينه هاي سياه يا تيره مناسب مي باشند. ولي زرد، سبز يا خاكستري روي سفيد مناسب نمي باشند.
از رنگهايي استفاده كنيد كه براي چشم جذاب و مطلوب هستند.

رنگهايي را انتخاب كنيد كه تصويري را كه مي خواهيد به بازديد كنندگان تان بدهد.
براي رنگهاي پيوسته در همه مرورگرها، از رنگهاي Web Safe استفاده نماييد.
از تصاويري با شدت رنگ معمولي براي پيش زمينه استفاده نكنيد. اين كار سبب خواهد شد تا خوانايي متن كاهش يابد. چنانچه از تصويري استفاده مي كنيد، آن را با ويژگي watermark استفاده نماييد.

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

منبع: طراحي سايت

وب سايت يك رسانهء جديد است و شيوهء جديدي براي بازكردن راه هاي ارتباط با مشتريان در سراسر جهان مي باشد. در اين مقاله به اهميت طراحي سايت و بروز نگه داشتن آن مي پردازيم.

طراحي سايت ايجاد يك رسانه ايست كه شيوهء بيان آن در واقع هنري مي باشد وبه شما اجازهء ابراز احساسات و افكار به سبك و روش شخصي خودتان را خواهد داد.
وقتي ده سال پيش يك طراحي سايت جديد انجام ميشد، نتيجه شيوه هاي قديمي گاهي بيشتر جواب ميداد و بيشتر در ذهن بازديدكننده باقي ميماند. اولين و مهمتراز همه موارد، به ياد داشته باشيد كه T در HTML به معناي Text و يا محتوا مي باشد.

در متن هرگز نبايد از واژه هاي گرافيكي استفاده نماييد، مگرآنكه آرم تجاري شركت شما باشد. به دلايل زيادي اين مورد بسيار پر اهميت مي باشد. اول از همه اين كه واژه هاي محتوا ممكن است توسط بازديدكنندگان كپي شده و در جاي ديگري از آن استفاده شود. اين امكان در عناوين و سرفصل صفحات كه به صورت گرافيكي هستند وجود ندارد.
دوم اينكه سايز عناوين صفحات در مرورگر مورد نظر شما قابل تغيير نيست، در حالي كه سيستم مبتني بر فونت اين قابليت را دارد.

نكتهء سوم اين است كه هنوز بسياري از مرورگرها گزينه هايي براي مسدود كردن گرافيك صفحات به بازديدكنندگان ارائه مي كنند، به خصوص براي كساني كه مرورگرها را در گوشي موبايل خود باز مي نمايند. دليل آن هم صرفه جويي در مصرف پهناي باند مي باشد.
هنگامي كه صحبت از گرافيك در طراحي سايت مي شود، در برابر اصرار استفاده از فونت هاي فانتزي مقاومت نماييد. وب سايت شما بايد قابل خواندن و خوانا باشد. فونت هاي مختلفي براي نمايش بر روي صفحه با حداقل فشار بر روي چشم هنگام خواندن طراحي شده است. در ميان آنها مي توان به فونت هاي Georgia-verdana-MS times- new roman اشاره كرد.
به همين ترتيب براي راحتي و ساده تر شدن طراحي سايت خودتان مطمئن شويد فونت مورد نظرتان را در فايل css نيز تنظيم نموده ايد. اين امر به شما اجازه خواهد داد كه با تغيير يك فونت در ليست ، تمامي تغييرات لازم در تمامي وب سايت انجام شود. بسياري از ابزارهاي طراحي سايت مدرن، فايل هاي css را به راحتي مديريت و اداره مي نمايد؛ اما اينكه چه مقدار مي خواهيد به اين امر در طراحي سايت تان بپردازيد به انتخاب شما بستگي دارد.
همچنين css راه مناسبي براي اجتناب از دو اشتباه رايج در طراحي سايت كه در اواخر دههء 90 وجود داشت نيز مي باشد؛ استفاده از جداول غير ضروري و استفاده از پس زمينه هاي tiled كه معمولا با رنگ هاي زننده همراه بود. Css به شما اين اجازه را ميدهد كه پس زمينه اطراف محتوا و مطالب سايت خود را بدون ايجاد هيچ مانعي در حركت مرورگر به صورتي كه دوست داريد تنظيم نماييد.
در حالي كه وجود پس زمينه هاي tiled با رنگهاي زننده، طراحي سايت شما را خشن و ناملموس نشان خواهد داد. مطمئناً امروزه اين روش در طراحي سايت روش مناسبي نيست و استفاده نمي شود. در اكثر پس زمينه هاي صفحات وب سايت بايد از رنگهاي سفيد،خاكستري و يا آبي خاكستري روشن استفاده شود. زيرا راحت ترين رنگها براي بهترخوانده شدن متن در صفحات وب سايت مي باشد.
در حالي كه استفاده از اين رنگ ها، طراحي سايت شما را بسيار شيك مي كند، از استفادهء متن سفيد با پس زمينهء سياه جداً خودداري نماييد. حتي اگر بايد از پس زمينهء تيره استفاده نماييد، به دليل توهم نوري كه كار كردن با مطالب صفحات با پس زمينه هاي تيره ايجاد مي كند، از اندازه هاي نسبتاً بزرگتر براي فونت مطالب استفاده نماييد.
در طراحي سايت تان از استفاده از انيميشن هاي GIF و تگ هاي چشمك زن اجتناب نماييد. چيزهايي كه با انيميشن GIF طراحي مي شوند با css و يا جاوااسكريپت بهتر به كارگرفته مي شوند و در مقابل اكثر نرم افزارهاي خوب طراحي وب سايت اين كار را براي شما انجام مي دهند و لازم نيست خودتان كدنويسي آن را انجام دهيد.
GIF ها به طور كلي با توجه به پايين بودن bit شان بايد از آنها اجتناب نماييد. به جاي آن از PNGها براي داشتن پس زمينه هاي شفاف و يا انيميشن استفاده نماييد. PNGها هر چيزي كه شما بخواهييد را مانند GIF با عمق رنگ JPEG با هم تركيب مي نمايد.

در مورد ساماندهي وب سايت خود فكر كنيد – اطمينان حاصل فرماييد كه طراحي سايت به گونه اي انجام مي شود كه امكان بازگشت از هر صفحه اي از وب سايت به نقشه سايت و يا صفحهء اصلي وجود خواهد داشت. زيرا افراد اغلب از طريق موتورهاي جستجو به لينك صفحات مختلف وب سايت شما وارد مي شوند. هنگامي كه به بالا رفتن رتبهء وب سايت خود در موتورهاي جستجو به طرز وسوسه انگيزي فكر مي كنيد، به ياد داشته باشيد در مرحلهء اول بايد براي انسانها وب سايت خود را طراحي نماييد و نه براي ربات هاي موتورهاي جستجو.

اگر بازديدكننده 3 خط از مطالب وب سايت شما را خواند و با حروف شكسته و نامفهوم مواجه شد و دكمهء بازگشت را كليك نمود، ديگر مهم نيست كه موتور جستجو طراحي وب سايت و بهينه سازي سايت شما را چگونه بررسي مي نمايد!

منبع: طراحي سايت

ظاهر سايت يكي از مهم ترين فاكتورهايي است كه بازديدكننده را به خود جذب مي كند. در اين مقاله قصد داريم به انواع طراحي سايت بر اساس رابط كاربري بپردازيم و ببينيم هركدام از اين طراحي سايت ها چه ويژگي هاي منحصر به فردي دارند ؟

اما سليقه ي بازديدكنندگان يكي نيست. يك سايت مي تواند از نظر گروهي از بازديدكنندگان بسيار خوب و حرفه اي به نظر رسد و از طرف ديگران بسيار بد و ابتدايي. يك طراح سايت خوب ، وبسايت را با سليقه ي خود نمي سازد بلكه بنابر گروه مخاطبين سايت (بازديدكنندگان) و آنچه مدير سايت تمايل دارد طراحي مي كند. به عنوان مثال براي يك سايت حقوقي نمي توان از طرح هاي فانتزي استفاده كرد زيرا اينكار بازديدكننده را كودك تلقي مي كند و به سايت جنبه شوخي مي دهد.

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

- طراحي سايت سايت هاي نا منظم كه امروزه يكي از پر طرفدارترين طراحي هاي جديد دنياي گرافيستان هستند، به سايت هايي گفته مي شود كه از خصوصيات زير برخوردارند :

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

- طراحي سايت خلوت: اين نوع طراحي سايت، در ظاهر ساده هستند اما تفكري در پي ساخت آنها نهفته است. استفاده از المان هاي كم و گرافيكي و دو يا سه رنگ در آنها، ظاهري متفاوتي بهشان داده است و بلعكس دسته قبلي به تميزي معروفند. متمايز، حرفه اي و مدرن هستند، همچنين پيام "صاحب اين سايت مشتاق است" و " صاحب اين سايت قابل اعتماد است" را به بازديدكننده القا مي كند. اين گونه سايت ها براي همه مناسب است غير از كساني كه دوست ندارند تفاوت شاياني با بقيه داشته باشند. اين تفاوت آنها را مي ترساند و سايت هاي استاندارد را مي پسندند كه در ادامه همين مقاله مي خوانيم.

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

- طراحي سايت ساده و استاندارد: اين طراحي را خوب مي شناسيد. اغلب سايت هايي كه مي بينيد از اين نوع طراحي بهره بردند. هدري مستطيلي در بالاي صفحه، منو در زير هدر يا به صورت عمودي، همه قسمت ها در سايت قاب و محدوده دارند، معمولا از رنگ هاي رايج خاكستري، سفيد براي بك گراند با طرح هاي خط يا شيار استفاده مي شود.

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

منبع: طراحي سايت