logo
  • گرافیک سایت

elahe neshati

موارد مهم و مفيد در طراحي سايت

طرزاحی سایت ایده آل

در طزراحی سایت حتما باید به نکات زیر توجی کنید تا ایده ةآل ترین طراحی سایت را انجام دهید

. بنابراين اگر در حال طراحي وب سايت هستيد و يا مي خواهيد وب سايت خود را بهينه سازي کنيد حتماً به اين نکات توجه نموده و سعي کنيد آنها را رفع کنيد:

?- گرافيکهاي با حجم خيلي زياد.
?- گرافيکهاي با حجم فوق العاده کم.
?- تعداد زيادي انيمشن.
?- استفاده از کدهاي جاوا اسکريپت بي مورد.
?- نشانه ها و لينکهايي در سايت که به آنچه وجود نداردو در حال ساخت است اشاره مي کند.
?- انتخاب رنگ نامناسب.
?- اشکالات املايي و دستوري.
?- متنهاي خيلي کوتاه.
?- متنهاي خيلي بلند.
??- صداهايي که به طور اتوماتيک اجرا مي شوند.
??- لينکهاي شکسته (لينکهايي که به هيچ صفحه عکس يا فايلي ختم نمي شوند).
??- فضاهاي خالي خيلي زياد بين قسمتهاي مختلف.
??- فضاهاي خالي خيلي کوچک بين قسمتهاي مختلف.
??- استفاده از اختصارات بي مورد در جمله مثلأ U براي You در قسمتهاي مختلف سايت.
??- فريم هايي که به طور افقي يک تکه از صفحه را اشغال مي کنند.
??- يک صفحه طولاني بدون پاراگرافهاي لازم.
??- تعداد زيادي Banner هاي تبليغاتي.
??- سرعت پايين Server يا صفحه طولاني و حجيم.

 موارد  طراحي سايت

ارزشمند ترین نکات طراحی سایت

گرافیک

سرعت بارگذاری بالا

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

مسیریابی واضح

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

پشتیبانی از تمامی رزولوشن های صفحات نمایش

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

قابلیت مرورگری

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

فونت خوانا و حرفه ای

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

حداقل استفاده از عکس

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

بازدیدکنندگان بیشتر به محتوا اهمیت می دهند، تا گرافیک.

وجود فضای خالی/سفید در طراحی سایت

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

لینک ها مخرب و معیوب را چک کنید

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

نکات بالا را در طراحی سایت خود رعایت کنید تا تغییرات مثبت را حس کنید.

 نکات  طراحی سایت

نکات ارزشمند در جهت افزایش ترافیک بعد از طراحی سایت

 

طراحی سایت ایده آل

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

نفس طراحی سایت به شبکه های اجتماعی وابسته است :

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

تبلیغات ، بازویی محکم در طراحی سایت

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

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

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

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

 افزایش ترافیک بعد از طراحی سایت

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

دامنه ی سایت
دامنه وب سایت به مفهوم نام آدرس اینترنتی وب سایت است. ب. هر دامنه ای از دو بخش اصلی بدنه و پسوند تشکیل شده است.
نام دامنه وب سایت از محتوای آن کاملا مستقل است. با این حال هر کسی که صاحب دامنه باشد در عمل صاحب وب سایت به حساب می آید. در حفظ و نگهداری مالکیت دامنه باید کاملا دقت کرد.
انتخاب نام دامنه
بهترین دامنه ها آنهایی هستند که یک کلمه ای باشند، دارای یک تلفظ باشند، کوتاه باشند و مفهومی را منتقل کنند. اکثر این دامنه ها قبلا ثبت و رزرو شده اند. شما باید براساس نام شرکت یا بنگاه تجاری/خدماتی خود نام دامنه را انتخاب نمایید. نکته مهم این است که نام دامنه نباید مشابه با نام استفاده شده توسط رقبای شما باشد. دامنه هرچقدر کوتاه تر باشد بهتر در یادها باقی می ماند و احتمال مراجعات بعدی را افزایش میدهد.
درباره پسوند دامنه های IR و پسوندهای خارجی مانند COM, ORG, NET
از نظر فنی هیچ تفاوتی بین دامنه ها وجود ندارد. کارایی دامنه ها همه با یکدیگر یکسان است. شما باید با توجه به نوع فعالیت شرکت یا بنگاه تجاری/خدماتی خود نسبت به انتخاب پسوند دامنه تصمیم بگیرید. تبلیغات رسانه ای در ایران فقط با دامنه های IR مجاز است. از طرفی اگر شرکت شما بین المللی باشد بهتر است دامنه با پسوند COM ثبت کنید. در صورت ثبت دامنه با پسوند COM یا پسوندهای غیر ایرانی دیگر، بهتر است پسوند IR را نیز ثبت نموده و با یکدیگر یکی کنید. دامنه های IR بسیار ارزانتر از دامنه های دیگر هستند.
ثبت و تمدید دامنه ها
برای ثبت هر دامنه ای شما به یک ایمیل فعال نیاز خواهید داشت. در زمان ثبت دامنه اطلاعات آدرس، شماره تلفن و … شما نیز باید ثبت شوند. ثبت دامنه دائمی نیست، بلکه تاریخ انقضاء دارد، و معمولا یک ساله یا 5 ساله است. تا جایی که میشود باید طولانی مدت ثبت کنید و هر دامنه ای حتما قبل از تاریخ انقضاء باید تمدید شود. در غیر اینصورت مالکیت دامنه را ممکن است از دست بدهید. بارها پیش آمده است که مالکیت دامنه به دلیل بی توجهی مشتری ها نسبت به نگهداری از ایمیل و … به خطر افتاده است. برای حفظ دامنه باید از ایمیل و شماره موبایل ثبت شده در ایمیل خود مراقبت کرده و نیز تاریخ انقضای دامنه خود را به خاطر بسپارید.

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

انتخاب بهترین پالت رنگ برای طراحی سایت ایده آل

رنگ ها در طراحی سایت

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

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

 

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

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

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


قرمز روشن، سیاه و سفید، و سفید

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

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

 


نارنجی متوسط، آبی مایل به خاکستری (Muted) و بژ

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

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

 


زرد پر جنب و جوش، سیاه و سفید، و خاکستری

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

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

 


سبز پررنگ ، بژ و سفید

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

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

 


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

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

 

 


بنفش کم رنگ (اسطوخودوس) ، صورتی روشن، و عاجی

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

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

 


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

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

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

 


پالت خودت را درست کن

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

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

پالت رنگ برای طراحی سایت ایده آل

نکای پیرامون اینفوگرافیک: نکات مهم سئو داخلی سایت

اینفوگرافیک

در طراحی سایت برخی از قوانین و چارچوب های خود را تغییر می‌دهند. به همین دلیل طراحان سابت باید این قوانین جدید را مطالعه کنند و برای بهبود وضعیت داخلی سایت و سئو خارجی خود تغییرات لازم را اعمال کنند.

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

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

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

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

 

سئو داخلی سایت – چگونه سئو داخلی سایت خود را انجام دهیم.

به طول دامنه و تعداد کلمات آن دقت داشته باشید

به گفتۀ مَت کاتس، سرپرست تیم وب اسپم گوگل، ۳ تا ۵ کلمۀ ابتدایی در آدرس وب سایت از اهمیت بالایی برخودارند. چند نمونه از URL هایی که برای سئو داخلی سایت ضرر دارند:

  • http://www.novin.com/123456
  • http://www.novin.com/in-url-kheili-toolani-ast-blah-blah-blah

نمونه ای از یک URL خوب:

  • http://www.novin.com/blog/types-of-links-both-good-and-bad

البته ناگفته نماند هر چند که بهینه کردن کلمات انگلیسی url مفید است، اما تاثیر استفاده از url فارسی هم نباید دست کم گرفت. البته هزینه این کار، از دست دادن زیبایی و سادگی url سایت است. و همانطور که احتمالاً متوجه شده‌اید، انتخاب ما گزینه دوم بوده است.

بهینه سازی URL هایی که برای سئو ضرر دارند

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

  • استفاده از پلاگین‌های وردپرس همچون PrettyLink (این پلاگین در وردپرس لینک جدید را به URL قدیمی Redirect می‌کند).
  • تغییر روند ساختار ایجاد URL (قابل اجرا در وردپرس)
حتما بخوانید:  آیا انجام سئو ضروری است؟

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

بهینه سازی عنوان مطالب

  • تگ متای عنوان مطالب شما باید بین ۵۰ الی ۶۰ کاراکتر باشد.
  • برای تیتر مطالب خود از تگ های H1 استفاده کنید. همچنین، از تگ های H2 و H3 برای سر فصل ها استفاده نمایید.
  • در متنِ تگ عنوان، حداقل از یک کلمه کلیدی استفاده کنید.
  • به خاطر داشته باشید تنها ۶۰ کاراکتر از تگِ عنوان مقالات (یا هر تعداد کاراکتری که یک صفحۀ نمایشگر ۵۱۲ پیکسلی نمایش دهد) به مخاطبان نشان داده می شود.

چگونه عناوین نامناسب مطالب قدیمی خود را بهینه سازی کنید

با استفاده از پلاگین هایی مانند Yoast SEO می توان به راحتی این عناوین را تنظیم نمود. Yoast مشکلات موجود در عناوین و description ها را شناسایی می کند. اگر پلاگین سئو را بر روی وردپرس خود نصب ندارید، همین الان آن را نصب کنید!

استفاده از تصویر و فایل های چند رسانه ای

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

استفاده از فایل های چند رسانه ای می تواند کاربران وب سایتتان را فعال نگه دارد و میزان بانس ریت وب سایت شما را کاهش دهد. متخصصان سئو اعلام کردند در سال ۲۰۱۶ بخش مهمی از سئوی وب سایت مرتبط با تولید محتوای ویدئویی خواهد بود.

لینک دادن به وب سایت های معتبر

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

لینک داخلی بهترین روش برای بازاریابی محتوا

به عنوان یک قاعدۀ کلی این نکته را به خاطر بسپارید: در هر پُستی که در وبلاگ خود قرار می دهید، ۲ یا ۳ کلمه کلیدی را به مطالب قدیمی وبلاگ لینک کنید. با تکرار این روند، در مدت زمانی معین موتورهای جستجوگر مقالات شما را با کلمات کلیدی که به آنها لینک شده اند، خواهند شناخت.

قرار دادن کلمه کلیدی در ۱۰۰ کلمۀ ابتدایی محتوا

کلمات کلیدی نه تنها باید بخشی از Meta Title (عنوان متا) و آدرس مقالات شما باشند، بلکه باید در Meta description (توضیحات متا) مطالب نیز استفاده شوند. هر چه کلمات کلیدی زودتر در متون ظاهر شوند، برای سئو مفیدتر خواهند بود.

حتما بخوانید:  ریدایرکت 301 چیست و چگونه باید از آن استفاده کرد؟

قرار گرفتن کلمات کلیدی در توضیحات متای سایت، تاثیری در سئوی سایت ندارد، اما می تواند مخاطبان را به کلیک کردن بر روی لینک سایت تان ترغیب کند.

چگونه مشکلات مربوط به کلمات کلیدی در وردپرس را بر طرف کنیم؟

از پلاگین Yoast SEO برای مدیریت کلمات کلیدی خود استفاده کنید (برای وردپرس).

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

گوگل در حال حاضر برای جستجوهای خود از فناوری Semantic (جستجوی معنایی) استفاده می‌کند. به این ترتیب، گوگل می‌تواند معنای کلمات را بشناسد و نتایج بهتری را به کاربران نشان دهد. به این ترتیب بهتر است از کلمات کلیدی مرتبط و لغات هم معنی در متون وب سایت استفاده کنید تا گوگل بتواند بهتر موضوع وب سایت شما را تشخیص دهد.

بهینه سازی نام تصاویر سایت و تگ های ALT

تگ های ALT موضوع تصاویر وب سایت را به گوگل اطلاع می دهند. اگر تصاویر وب سایت تان به صورت ‘image1’ یا ‘pic2’ نام گذاری شده باشند، می توان گفت که از نظر موتورهای جستجوگر کاملاً بی‌معنی هستند. همیشه تصاویر وب سایت خود را صحیح نامگذاری کنید و از تگ های ALT استفاده نمایید. به یاد داشته باشید در Google Image رقابت کم تری در کلمات کلیدی وجود دارد و شما می توانید با بهینه سازی تصاویر خود به جایگاه های بهتری در جستجوی تصاویر گوگل دست یابید.

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

اگر شما در ترافیک خیابان گیر افتاده باشید، چه کار می کنید؟ مسلماً چراغ راهنمای خود را روشن می کنید و مسیرتان را تغییر می دهید. حال اگر وب سایت شما کُند باشد چه اتفاقی خواهد افتاد؟ در این موقعیت هیچ چراغ راهنمایی وجود ندارد، تنها ترافیک کم تری به وب سایت شما روانه می شود.

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

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

میتوانید با استفاده از یک CDN (شبکۀ تحویل محتوا) سرعت وب سایت خود را افزایش دهید. ممکن است نام CDN کمی پیچیده به نظر بیاید، اما اصلاً اینطور نیست. استفاده از شبکه تحویل محتوا بسیار ساده است. اگر فعلاً نمی توانید هزینۀ بسیاری را صرف CDN کنید، می توانید از CloudFlare CDN استفاده کنید که رایگان است.

 نکات مهم سئو داخلی سایت

مطالب پیرامون بخش های مهم در طراحی وب

نکاتی درمخورد طراحی وب

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

عناصر بهبود جایگاه

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

گردش در سایت

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

رنگ ها

امروزه توسعه اینترنت و تجارت الکترونیک ثابت نموده که سایت هایی که از نظر تجاری موفق هستند لزوما نیاز به طراحی سایت ماهرانه با استفاده از نماد های بیشمار صوتی و تصویری ندارند. خوب البته داشتن معرفی صوتی و تصویری با ویدئو ها و گالری تصاویر فلش (چشمک زن) مطلوب به نظر می رسد ، اما بیشت 70 درصد مشتریان بالقوه بدون توجه ، آن صفحه را در جستجوگر خود میبندند و به دنبال سایت های ساده تر می گردند. این یک حقیقت است که علاقه شما به وب سایتتان به این معنا نیست که هر کس دیگری آن را مفید و جذاب بداند. بسیاری از فروشگاه ها و وب سایت های اینترنتی وجود دارند که روزانه هزاران بازدید دارند فقط به خاطر اینکه محتوای تاثیر گذار در چشم بازدیدکنندگان ، طراحی ساده ای دارد.
انتخاب قالب رنگ آمیزی که چشم را نوازش می دهد مرحله شماره یک خواهد بود! همچنین در طراحی سایت ، وب سایت نباید علیرغم سرعت بالا و شگفت آور ارتباطات اینترنتی بسیار حجیم باشد.
گرچه این مسئله ممکن است ارتباطی با طراحی وب سایت نداشته باشد ولی ارائه برخی هدایای رایگان در صورت ثبت نام مقبولیت سایت را افزایش می دهد در این ارتباط مهم است که بنر جذابی طراحی نموده که جمله ای شبیه “ثبت نام کنید و یک کتاب الکترونیکی رایگان” دریافت کنید را نمایان کند.
همچنین نکته ای وجود دارد که طراح سایت  در طراحی وب باید از آن اجتناب کنند که عبارت است از :
فونت های بسیار درشت و بسیار ریز : این امر سبب کاهش خوانا بودن متن شده و بعلاوه اکثر بازدید کنندگان را آزرده می نماید.
موسیقی پس زمینه و پنجره های Pop-up آزار دهنده : موثرترین شیوه برای دلزده نمودن بازدیدکنندگان داشتن موسیقی پس زمینه است. اغلب بازدیدکنندگان برای خاموش کردن آن چاره ای نداشته و همچنین منو های Pop-up اکثر بازدیدکنندگان را آزرده خاطرخواهد کرد.

 

بخش های مهم در طراحی وب

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

طراحی گرافیک

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

طراحی گرافیکی شامل بخش‌های علمی و بخش‌های سلیقه‌ای و بخش‌های تجربی است.

 

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

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

تغییرات در طراحی گرافیکی در گذر زمان

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

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

طراحی واکنش‌گرا

 

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

طراحی گرافیکی و سئو

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

بهترین طرح گرافیکی کدام است؟

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

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

 

نقش طراحی گرافیک در طراحی سایت

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

بهینه سازی قالب سایت

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

برخی از اشتباهات رایج طراحان سایت

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

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

سه بخش کلی سئو سایت

سئو سایت شامل سه بخش کلی است: سئو تکنیکال، سئو محتوایی و سئو خارجی.

  • سئو تکنیکال: مربوط به معماری سایت و نحوه برنامه ­نویسی آن است.
  • سئو محتوایی: محتوا و نحوه وارد کردن مطالب است.
  • سئو خارجی: در مورد اعتبار سایت و سرعت لود شدن و پیشینه وب سایت و… است.

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

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

 

برخی از اشتباهات طراحان سایت

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

نکاتی مهم در مورد عناوین

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

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

بهینه سازی قالب سایت

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

  گرافیک وطراحی سایت

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

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


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

برخي نکات مهمی که در این امر مد نظر ماست :


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

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

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

4.تمامي مطالب بطور منظم و مرتب در جاي خود قرار گيرند

5.سهولت کارتوسط کاربران بازديد کننده از سايت

6.راحتي کارمدير سايت جهت تنظيم سايت در سايتهاي دايناميک

گرافیک و هنر طراحی وب سايت

نکاتی پیرامون طراحی سایت استاتیک و مقایسه با طراحی سایت داینامیک

image74

اولین قدم،طراحی سایت استاتیک

طراحی سایت استاتیک ابتدایی ترین هدف طراحی سایت میباشد  . طراحی سایت استاتیک مجموعه کوچک از اسناد HTML , CSS است که ساختار ثابتی دارد و بیشتر برای مواردی استفاده می شود که نیاز به تغییرات روزانه ندارد.طراحی سایت یا استاتیک Static و یا داینامیک Dynamic است فقط در مدل اول یعنی استاتیک تنها چند صفحه ثابت و به اصطلاح مرده آماده می شود که به راحتی نمی توان در انها تغییرات ایجاد کرد و برای هر تغییر و یا بروزرساتی نیاز به برنامه نویس و کسی است که دارای دانش کدنویسی باشد . سایت هایی که تنها نیاز به معرفی خدمات خود را دارند و هر هفته و یا ماه فقط یک تغییر در سایت می دهند از این روش می توانند استفاده کنند ، البته این تغییرات باید به نحوی باشد که باعث خراب شدن شکل کلی سایت نباشد در غیر اینصورت مشکلی جدی برای برنامه نویس بوجود می آید. طراحی سایت تنها به این روش نیست و شما می توانید طراحی سایت داینامیک که کاملا برعکس استاتیک است را انتخاب کنید و براحتی محتوای سایت را هر زمان که خواستید تنها با چند کلیک ایجاد کنید.برای طراحی سایت مراحل زیادی را باید گذراند که به صورت خلاصه به شرح زیر می باشد و یا می توانید بصورت کامل در صفحه طراحی سایت مشاهده کنید.

۱. تجزیه و تحلیل نیاز های مشتری

۲. طراحی گرافیک سایت

۳. تبدیل تمام صفحات به HTML / CSS

۴. انتخاب CMS ( سیستم مدیریت محتوا ) بر اساس نیاز ها

۵. کدنویسی سایت ( طراحی سایت داینامیک )

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

 line

تفاوت سایت استاتیک و سایت داینامیک

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

 line

طراحی سایت استاتیک مورد استفاده در :

سایت های ثابت و کم هزینه

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

کارفرمایان عجول

سایت های با تغیرات بسیار کم

line

معایب طراحی سایت استاتیک

۱. هزینه های زیاد برای ویرایش و بروزرسانی

۲. سئو ضعیف

۳. داشتن دانش برنامه نویسی برای تغییرات در صورت نداشتن برنامه نویس

۴. سایتی راکت و کم کاربرد برای کاربر

۵. نداشتن پنل مدیریتی

۶. در ارتباط بودن با طراح سایت بصورت دائم

 

line

مزایا طراحی سایت استاتیک

۱. کم هزینه بودن در ابتدا

۲. نیاز به منبع کم

۳. تحویل سریع و فوری

۴. امنیت نسبتا بالا

۵. مناسب برای شرکت های کوچک با تغییرات کم

line

نتیجه گیری

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

نکاتی پیرامون  طراحی سایت استاتیک و مقایسه با طراحی سایت داینامیک

 

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

گرافیک سایت

 

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

مراحل طراحی

طرح گرافیکی قالب طراحی می شود سپس طرح جهت تایید برای کارفرما ارسال می شود در این مرحله اگر نیازی به ویرایش طرح گرافیکی بود تغییرات مورد نظر اعمال می شود و پس از تایید نهایی فرآیند کدنویسی و تبدیل طرح گرافیکی به قالب شروع می شود در کلیه مراحل تبدیل طرح به کد سعی بر رعایت نکات سئو و بهینه سازی سرعت بارگذاری قالب سایت می باشد به نحویکه قالب نهایی دارای استانداردهای روز طراحی وب در کدنویسی ، معتبر بودن کدها در کنسرسیوم جهانی وب w3c و سرعت بارگذاری بالا طبق اصول gtmetrix می باشد

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

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

نکاتی-مورد-طراحی وب سایت مدرن

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

خطوط

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

گرید یا شبکه

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

فرم

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

شکل

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

رنگ ها

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

نکاتی-مورد-طراحی وب سایت مدرن

نکاتی در مورد اصول رنگ ها در طراحی وب

رنگ ها در طراحی سایت

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

 

اصل رنگ بندی و روانشناسی رنگها

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

 

بهترین رنگ نداریم !

 

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

 

نکاتی که می بایست در زمان طراحی گرافیک سایت در نظر داشته باشیم :

 

1- اثر روان شناسی رنگ ها

2- قابلیت خواندن متون صفحات سایت

3- رنگ متمم رنگهای انتخابی برای پشت زمینه ، گرافیک ها ، لینک ها و متون

4- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده

5- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت

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

 

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

1- رنگ ها اثر زیادی روی احساسات ما در 90 ثانیه اول دیدن می گذارند .

2- اثر رنگ می تواند بیننده را ترغیب به خرید یک کالا کند .

3- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمی کنند ، بلکه اثر خود را کاملا در رفتار ما نشان می دهند .

4- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است .

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

 

 

ارتباط رنگ به موضوع

 

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

 

رنگ ها و معاني آنها

 

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

 

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

 

رنگ سبز و سفيد با هم تركيب مناسبي بوجود مي آورند . اما در ژاپن يك گل ميخك صد پر سفيد نشان مرگ است و در چين كلاه سبز به معناي خيانت يك زن به شوهرش معني مي دهد . كلاه سبز با ميخك سفيد نمی تواند نشان زيبايي براي لوگوي يك شركت باشد . گرچه سبز رنگ آرامش بخش است (به همين دليل در بيمارستان ها استفاده مي شود) و همچنین رنگ سبز راحت تر از بقيه رنگ ها در چشم انسان آناليز مي شود . تركيب هاي گوناگون رنگ سبز معاني گوناگوني مي دهد .

 

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

 

آبی : نشان امنیت ، اعتماد ، مسئولیت پذیری ، سرما ، ایمان ، وفاداری ، وابستگی وجاه و جلال است . آبی دومین رنگ عوام پسند است .

 

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

 

بنفش : این رنگ نشانه ی وقار ، معنویت ، شاهانه بودن ، عیش و نعمت ، دارایی ، اعتبار و نفوذ ، سوگواری و مهارت می باشد .

 

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

 

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

 

نقره ای : سمبل سرما و علمی بودن است .

 

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

 

خاکستری : این رنگ صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن را القاء می کند .

 

سیاه : اشاره دارد به ظرافت ، قدرت ، دلیری ، شهامت ، فریبندگی ، شیطان ، مهارت و باستان .

 

تطابق طول موج رنگها

 

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

    • ايجاد سردرد براي بيننده مي شود. بنابراین در ترکیب رنگ ها می بایست به فرکانس آنها نیز توجه نمود.

       

      اصول رنگ هاي گرم و سرد

       

      رنگ هاي گرم تشكيل شده اند از : زرد ، نارنجي ، قهوه اي ، زرد ، سبز ، نارنجي و قرمز . يعني رنگ هايي كه با پاييز در تعامل هستند . بطور كلي رنگ هاي گرم گرايش به هيجان و تكاپو دارند . بسياري از مردم مقدار كم از اين رنگ ها را مي پسندند .

       

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

       

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

       

      همچنین رنگ های سبز و بنفش رنگ هاي واسط هستند كه نه گرم و نه سردند و بسته به ميزان رنگ قرمز يا زردي هستند كه در رابطه با رنگ آبي در آنها به كار رفته است . اگر رنگ آبي آن كم تر باشد بيشتر شبيه رنگ هاي گرم به نظر مي رسد .

       

      عمل و عكس العمل

       

      رنگ ها روي احساس ، ادراك و عكس العمل ما تاثير مي گذارند . يك بيننده با آگاهي از سايتتان وارد شده است ، حال شما بايد او را همچنان سر شوق نگه داريد. شما 8 الي 10 ثانيه وقت داريد تا او را از لحاظ بصري جذب كنيد. با استفاده از رنگ شما مي توانيد حس خوش آمد گويي و راحتي و اعتماد را به او منتقل كنيد . در صورتی که  گرافيك هاي يك سايت را تغيير دهيد در اصل زبان گفتگوي تصويري آن را عوض كرده ايد و  عكس العمل متفاوتي از بازديدكنندگان سايت سر مي زند .

       

      انتقال حس ادراک از طریق رنگها

       

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

       

      چه رنگ برای چه نوع سایت ؟

       

      زمانی که قصد دارید برای طراحی وب سایت خود رنگی را انتخاب کنید ، می بایست در مورد بازار نهایی کار خود باندیشید . چه احساساتی را می خواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی اهدفتان و همچنین پیامی که از راه دید می خواهید منتقل کنید ، فکر کنید ؛ سپس رنگ خود را انتخاب کنید! توجه داشته باشید که گرافیک صفحات وب نقش زیادی را در تاثیر پذیری مخاطبان داشته و Banne ، Logo و Header ها ، فوق العاده در تحکیم مفاهیم به مخاطبان وب سایت موثر خواهد بود.

       

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

       

      آبی : در تجارت به معنای ضمانت مالی است . سايت هايي كه از سايه هاي گوناگون آبي يا رنگ آبي و سفيد استفاده مي كنند ، بيشتر از بقيه مردم پسند به نظر مي آيند ؛ دلیل این امر این است که رنگ آبي آرامش ، استواري ، اميد داشتن و دانايي و بخشندگي را عرضه مي دارد . مردم ذاتا” به سايت هاي آبي رنگ سريعتر اعتماد کرده و متن هاي آبي رنگ بيشتر در ذهن مردم به ياد مي ماند . تركيب آبي و سفيد و بنفش نجابت و اصالت را در ذهن انسان مي سازد .

       

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

       

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

       

      تركيب سبز و زرد كمترين طرفدار را بين بازدیدکنندگان وب سایت ها دارد .

       

      رنگ سبز پر رنگ در کنار سرمه ای ، جذابیت خاصی به سایت هایی با موضوع بازرگانی می دهد .

       

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

       

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

       

      قرمز : در تجارت به معنی وام و بدهی است .

       

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

       

      نقره ای : نشانه ی اعتبار و پرستیژ است ، این رنگ برای استفاده در سایت های هاستینگ و شرکت های معتبر مناسب است .

       

      طلایی : نشانگر گران بودن و پرستیژ است . این رنگ مناسب سایتهایی با مضمون طلا و جواهر می باشد.

       

      صورتی : سایتهای عاشقانه ، کودکان و بانوان با این رنگ هماهنگی دارند.

       

      خاکستری : در تجارت به معنای سنت گرایی است .

       

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

       

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

       

      يك نكته در استفاده از رنگ هاي گوناگون این است كه حداكثر از 5 رنگ استفاده كنيد که همگي از رنگ هاي گرم يا سرد باشد و زمينه را سفيد بگذاريد . اين ترکیب رنگ چشم ها را خسته نکرده و سايت هاي كودكان كه مي خواهند با استفاده از رنگ هاي گوناگون محيط شادي را ايجاد كنند اگر از اين روش استفاده كنند موفق ترند.

       

 نکاتی در مورد اصول  رنگ ها در طراحی وب

 

مطالبی ارزنده پیرامون بهینه سازی تصاویر در طراحی سایت

بهینه سازی تصاویر در طراحی سایت

بهینه سازی تصاویر یکی از مهم ترین نکات در طراحی سایت است. در این پست که به صورت اختصاصی از واحد طراحی سایت شرکت طراحي سایت   تهران منتظر می شود به برسی نکات بهینه سازی تصاویر در وردپرس (طراحی سایت وردپرس – طراحی سایت با وردپرس) می پردازیم.

کم کردن جحم تصاویر در طراحی سایت

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

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

1> عکس مورد نظر را با فتوشاپ باز کنید 2> از منوی بالا بری روی منو فایل کلیک کنید3> گزینه Save As Web & Devices رو انتخاب نمایید و سپس Quality عکس را تنظیم کنید و در نهایت و Save را بزنید.

کم کردن جحم تصاویر به صورت آنلاین

یکی  از بهترین راه ها برای کاهش حجم تصاویر طراحی سایت به صورت آنلاین است.

 

کم کردن جحم تصاویر طراحی سایت با وردپرس

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

بهینه سازی تصاویر برای طراحی سایت حرفه ای بسیار امر ضروری است.

مطالبی ارزنده پیرامون بهینه سازی تصاویر در طراحی سایت

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

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

طراحی سایت
چند نکته پیش از طراحی سایت
1. مخاطبان
در اولین گام به این نکته فکر کنید که چه کسانی قرار است مخاطب شما باشند؟ و این که چه نقشی در طراحی وب سایت شما دارند؟ با طرح این سوال از خودتان می توانید در مورد رنگ زمینه ها و سایر قسمت ها ، قالب وب سایت و محتوای سایت بهتر تصمیم گیری کنید.
2. هدف محتوا
وب سایتی که در طراحی می کنید اگر هدف کسب و کاری نداشته باشد علاوه بر این که برای خودتان مفید نیست برای دیگران نیز مفید نخواهد بود. پس در قدم دوم هدفتان از طراحی وب سایت را مشخص کنید. هدفتان از محتوای داخل سایت و امکاناتی که نیاز دارید را مشخص کنید.
3. مشخص کردن مقدار هزینه برای سرمایه گذاری
در قدم سوم مقدار هزینه ای که می خواهید انجام دهید را مشخص کنید. بودجه ی شما با امکانات اضافه ای که نیاز دارید رابطه ی مستقیم دارد. ما به شما توصیه می کنیم اگر هنوز ایده ی خاصی برای وب سایتتان ندارید ، هزینه ی زیادی را انجام ندهید.
4. مشخص کردن نیاز های خود
در این مرحله شما می بایست لیستی از نیاز هایتان و هر چیزی که توقع دارید وب سایتتان دارا باشد را تهیه کنید. این لیست را به طراح وب سایتتان بدهید تا بتواند به عنوان الگو در طراحی وب سایت شما از آن ها استفاده کند.
5. تعادل در محتوا
تهیه ی مقالات و محتوای وب سایت بر عهده ی خودتان است. پس برای ارائه ی آن ها برنامه ریزی کنید. سعی کنید تعادل را در مطالبتان رعایت کنید. یعنی مقالاتتان طوری نوشته شده باشد که اطلاعاتش بیش از اندازه نباشی و خیلی هم کم نباشد از همه مهتر پس از نوشتن ، یکبار آن را نگاه کنید تا حاوی اشتباهات نگارشی یا سهوی نباشد. همچنین در مورد تصاویر و ویژگی های گرافیکی هم باید تعادل را رعایت کنید زیرا استفاده ی بیش از اندازه از آن ها علاوه بر شلوغ کردن ظاهر سایت سرعت لود را نیز کند می کند.
6. اطمینان از امنیت وب سایت
اگر قصد فروش محصولاتتان را وب سایتتان دارید بهتر است از امنیت آن اطمینان پیدا کنید. برای این کار می توانید با کارشناس مربوطه یا طراح وب سایتتان صحبت کنید و مشورت بخواهید.
7. در آخرین مرحله یعنی زمانی که طراحی وب سایتتان کامل شده از چند نفر بخواهید آن را ببینند و نظر بدهند. این افراد بهتر است با اهداف کاری وب سایت شما همخوانی داشته باشند. اگر نظرشان جلب شد و به این نتیجه رسیدند استفاده از وب سایت شما آسان است ، می توانید بگویید طراحی وب سایت شما صحیح بوده و نکات اصلی در طراحی سایت در آن رعایت شده است.

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

تعریف طراحی گرافیک سایت

گرافیک سایت

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

طراحی گرافیک چیست؟

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

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

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

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

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

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

 

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

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

تعریف طراحی گرافیک سایت

نکاتی در مورد موارد مهم گرافیک سایت

طراحی-سایت-1

 

 

نکات مهم گرافیک سایت

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

 

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

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

گرافیک سایت – تایپوگرافی
کمبود فونت در گرافیک سایت مسئله دیگری است که یک گرافیست با آن روبرو می‌شود. دو فونت Tahoma , Arial تنها فونت‌هایی هستند که در متن سایت‌ها استفاده می‌شود. استفاده از تایپوگرافی در گرافیک سایت به همین دلیل است. ممکن است برای گرافیک سایت به ناچار فونت جدیدی نیز ایجاد کرد که فقط روی خود سایت استفاده شود.
با این حال، رویکرد در گرافیک سایت، استفاده کمتر از تایپوگرافی به جای متن است. زیرا متن قابل جست و جو در موتور جست و جوها است. اما تصویر به راحتی قابل جستجو نیست و ممکن است زحمات گرافیک سایت آن طور که باید و شاید دیده نشود.

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

نکاتی در مورد  موارد  مهم گرافیک سایت

تکاتی اصولی پیرامون انتخاب رنگ مناسب در طراحی سایت

رنگ در طراحی سایتدر طراحی سایت  ایده آل یکی از اصول کلیدی و مهم ، رنگ بندی مناسب و کاربر پسند می باشد . برای انتخاب رنگ بندی یک صفحه ، موضوع آن صفحه بسیار مهم می باشد . در واقع اصل توجه به موضوعیت و عملکرد وب سایت ، در رنگ بندی محتوا بسیار مهم و حائذ اهمیت می باشد . وب سایت هایی که بیشتر جنبه شخصی دارند ، از رنگ های مکمل استفاده می کنند . به طور مثال رنگ سرمه ای در کنار سبز پر رنگ برای وب سایت های بازرگانی بسیار مناسب می باشد . در این مقاله به بررسی روانشناسی رنگ ها و تاثیر آن ها بر روی کاربران وب سایت می پردازیم .
تاثیر رنگ مناسب :
• افزایش قابلیت خوانایی مطالب صفحات وب سایت
• رنگ متمم که شامل رنگ های منتخب برای گرافیک ها ، بک گروند ، متون و لینک ها می باشد.
• ایجاد کنتراست میان رنگ بندی لوگو و آرم صفحات و مطالب و متون به کار رفته
• توجه به نوع بازدیدکننده بخش های مختلف وب سایت
بررسی 4 اصل مهم :
در لیست زیر مشخصه هایی که می بایست در طراحی وب سایت مدنظر داشته باشیدقرار داده ایم :
• در 90 ثانیه اول بازدید از یک وب سایت ، رنگ ها تاثیر بسیای بر احساسات کاربر دارند.
• استفاده از رنگ مناسب می تواند موجب ترغیب بیننده برای خرید از وب سایت شود .
• رنگهاتنهارفتارمارادربرابريك موضوع تشديدنميكنند،بلكه تاثرخودراكاملادررفتارمانشان ميدهند.
• تاثیررنگ درفرهنگهاي گوناگون بسیار متفاوت می باشد .
روانشناسی رنگ ها :
سفید : بهترین رنگ برای بک گروند یک وب سایت سفید می باشد . رنگ سفید نشانگر پاکیزگی ، ملایمت و صداقت است هم چنین انرژی بخش و خستگی گیر می باشد .
مشکی : رنگ مشکی برای متون روی یک پس زمینه روشن مناسب است و نشانگر قدرت ، شهامت ، فریبندگی و ظرافت می باشد .
قرمز : رنگ قرمز باعث جلب توجه کاربر می شود . در تجارت به معنای بدهی و وام است و شدید ترین رنگ در احساس محسوب می شود و نشانگر سرعت ، هیجان ، خطر و توانایی می باشد .
آبی : دومین رنگ مورد پسند عموم رنگ آبی است و در تجارت به معنای ضمانت مالی می باشد . رنگ آبی نشانگر اعتماد ، ایمان ، مسئولیت پذیری و اعتماد می باشد .

 

تکاتی اصولی پیرامون انتخاب رنگ مناسب در طراحی سایت

نکاتی در مورد مسائل اساسی در طراحی سایت ایده آل

  طراحی سایت ایده آل

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

۱) امتحان کردن طراحی های واکنش پذیر در سایت  Responsive Design Layouts

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

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

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

۲) از انواع فونت های متفاوت استفاده کنید

تایپوگرافی نیز یکی از مسایل بزرگ در طراحی سایت ۹۲ خواهد بود.  فونت های با API قوی بدین معناست که هر کسی می تواند فونت های جذاب در وبسایت شما را مشاهده کند؛  پس بهتر است از این موقعیت استفاده کرده و فونت هایی گیرا و جذاب برای متن تیتر مطالب خود پیدا کنید. من پیشنهاد نمی کنم که فونت تمام متن ها را عوض کنید ولی تیتر های خود را به سرعت عوض کنید. ما هم در وب برندینگ به محض شروع نسخه بتای وب برندینگ تمام سیستم وب سایت و نیز فونت ها را عوض می کنیم.

۳) بکارگیری لحن انسانی . نه خشک باشید نه خودمانی

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

۴) از عکس های واقعی استفاده کنید

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

۵) کاهش پس زمینه ها

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

۶) اضافه کردن فیلم

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

۷) اضافه کردن فضای سفید

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

۸) طراحی اسکومورفیسم

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

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

۹) کاهش بنر ها

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

۱۱)  سرعت سایت

ممکن است این ایده ای جدید نباشد اما در سال ۹۱ باید به بهینه سازی سرعت اهمیت زیادی داد.  سرعت سایت هم می تواند باعث دیده شدن بهتر توسط موتورهای جست و جو شده و هم می توانید راحتی کاربران از نظر بحث و مکالمه با هم را افزایش دهد.  سایت هر چه سریعتر لود شده و بتوان در آن فعالیت های متفاوت مانند تعاملات اینترنتی را داشت، احتمال خسته شدن و ترک صفحه نیز کمتر می شود.

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

نکاتی در مورد مسائل اساسی در طراحی سایت ایده آل

نوشته‌های تازه