طراحی سایت

طراحی سایت نوتریکا ارائه دهنده بهترین خدمات طراحی سایت در ایران با پکیج های طراحی سایت شرکتی و طراحی سایت فروشگاهی و طراحی سایت شخصی و طراحی سایت اختصاصی

طراحی سایت

طراحی سایت نوتریکا ارائه دهنده بهترین خدمات طراحی سایت در ایران با پکیج های طراحی سایت شرکتی و طراحی سایت فروشگاهی و طراحی سایت شخصی و طراحی سایت اختصاصی

طراحی سایت نوتریکا ارائه دهنده بهترین خدمات طراحی سایت در ایران با پکیج های طراحی سایت شرکتی و طراحی سایت فروشگاهی و طراحی سایت شخصی و طراحی سایت اختصاصی

پیوندها

۸۱ مطلب با کلمه‌ی کلیدی «طراحی سایت» ثبت شده است

  • ۰
  • ۰

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


رنگ هایی که نباید در طراحی سایت به کار ببرید (بخش دوم)

  • notrika webdesign
  • ۰
  • ۰

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

پیکسل ها در طراحی سایت

  • notrika webdesign
  • ۰
  • ۰

سه الگوی لایه بندی Z ، لایه بندی F و الگوریتم گوتنبرگ مکمل یکدیگر هستند. مکمل به این معنا نیست که در طراحی سایت لازم است از هر سه الگو به صورت همزمان استفاده کرد؛ کما این که امری ناشدنی است! بلکه منظور ساختار هر یک از این الگو ها می باشد.
همان طور که در معرفی الگوریتم گوتنبرگ در طراحی سایت خواندید، برای این نوع الگو لازم است صفحه به 4 قسمت برابر تقسیم شود که به هر یک ربع الگوریتم گفته میشود. برای این که بهتر با نحوه استفاده از الگوریتم گوتنبرگ در طراحی سایت آشنا شوید، شما را به مطالعه ادامه مطلب دعوت می کنیم.

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

  • notrika webdesign
  • ۰
  • ۰

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

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

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

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

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


منبع: الگوریتم گوتنبرگ در طراحی سایت



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


آموزش طراحی سایت نمونه کار طراحی سایت   طراحی وب سایت شرکتی طراحی وب سایت فروشگاهی  طراحی وب سایت شخصی

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

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

طراحی وب سایت دانلود طراحی وب سایت خبری  سئو  طراحی اپلیکیشن اندروید  طراحی پورتال  

  • notrika webdesign
  • ۰
  • ۰

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

چرا از لایه Z در طراحی سایت استفاده کنیم؟ (بخش دوم)

  • notrika webdesign
  • ۰
  • ۰

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

چرا از Z-Layout در طراحی سایت استفاده کنیم؟

  • notrika webdesign
  • ۰
  • ۰

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

معرفی Z-Layout در طراحی سایت

  • notrika webdesign
  • ۰
  • ۰

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

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

  • notrika webdesign
  • ۰
  • ۰

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

استفاده از قانون یک سوم در طراحی سایت

  • notrika webdesign
  • ۰
  • ۰

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

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

  • notrika webdesign