طراحی سایت | طراحی وب سایت ساین وب
آموزش طراحی سایتطراحی سایت | طراحی وب سایت ساین وب
آموزش طراحی سایتچند نکته برای طراحی سایت واکنشگرا
چند نکته برای طراحی سایت واکنشگراامروزه که بیشتر سایت ها برای موبایل طراحی می شوند و مشتریان در خواست طراحی سایت واکنش گرا را می دهند امروزه بیشتر مردم جهان وب گردی را در موبایل ها و تبلت ها انجام می دهند چون دسترسی به آن آسان است باید به این چند نکته دقت کرد تا طراحی سایت ما اصولی و کاربردی باشد
پس تا آخر این مطلب با ما باشید تا اطلاعات خوبی در مورد طراحی سایت واکنش گرا داشته باشید
موبایلی بودن طراحی سایت
یکی از ملاک های طراحی سایت موبایلی بودن سایت یعنی در داخل تبلت ها و
موبایل ها سایت به گونه ای باشد که کاربر بتواند از تمام سایت استفاده کند و
کار خود را انجام دهد
استفاده از Media Queries
یکی از تکنیک های طراحی سایت این هست که بتوانید از تکنیک Media Queries به
درستی استفاده کنید این تکنیک باعث می شود شما یک استایل برای موبایل
بزنید یک استایل برای دستکتاپ مثلا اگر به سایت ساین وب دقت کنید چند تا از عناصر سایت برای موبایل نمایش داده نمی شوند
خودتان را بزارید جای کاربر طراحی سایت
خود شما داخل یک سایت موبایلی می شوید اولین چیز برای شما سرعت سایت هست می
توانید برای کسب اطلاعات بیشتر در مورد سرعت سایت این
مطلب را بخوانید بعد اینکه راحت بتوانید در موبایل کار خود را انجام دهید
پس خودتان را بزارید جای کاربر سایت
استفاده از درصد
سعی کنید اگر می خواهید به عنصری در سایت خود استایل بدهید استایل را با در صد بدهید تا برای طراحی وب سایت موبایلی به مشکل بر نخورید
این نکته خیلی مهم است خیلی از طراحان سایت این مشکل را دارند
منو سایت موبایلی
منو سایت موبایلی به نوعی باید طراحی شود تا کاربر خیلی راحت بتواند منو را پیدا کند سعی کنید سایتی طراحی سایت کنید که هم ui ,ux خوبی داشته باشد اگر نمی دانید ui ,ux چیست حتما این مطلب را در این مورد بخوانید
مشکل نداشتن در اسکرین های مختلف
سعی کنید سایت را در اسکرین های مختلف امتحان کنید تا مشکلی از لحاظ موبایلی بودن سایت نداشته باشد
انتخاب صحیح برای کد نویسی سایت موبایلی
یکی از بهترین فریم ورک ها برای طراحی سایت ارزان موبایلی فریم محبوب و خوب بوت استراپ هست اگر نمی دانید بوت استراپ چیست حتما این مطلب را در این مورد مطالعه کنید
با نظرات و پیشنهادات خود ما رو در جهت انتشار مطالب آموزشی طراحی سایت و سئو سایت یاری کنید
منبع : طراحی سایت مهندسین ساین وب
http://www.signwebdesign.ir/amozesh-...ive-web-design
اصول طراحی سایت با رنگ های تیره
امروز می خواهیم در مورد این صحبت کنیم اصول طراحی سایت با رنگ های تیره پس تا آخر این مطلب را مطالعه فرمایید هدف ما رشد و دادن اطلاعات به کاربران طراحی سایت هست نه مانند برخی از سایت ها که فقط مطلب تولید می کنند بدون هیچ بار علمی خوب کاری نداریم میریم سر اصل مطلب اگر به سایت طراحی شده با رنگ تیره دقت کنید بک کار یکدست مشکی نیست تا جذابیت عکسها بیشتر شود
طراحی سایت
با رنگ های تیره خیلی می تواند جذاب باشد ولی برای سایت هایی که بیشتر با
با عکس و سر کار دارند خیلی جالب نیست که یک سایت مطلب دار را با رنگ
مشکی
طراحی کرد چون چشم کاربر هنگام خواندن آن مطلب واقعا اذیت می شود
در طراحی سایت با رنگ های تیره نوشته زیاد خوانا نیستند
و طبق نظر سنجی اخیر 47% افراد برای اینکه یک متن در یک پشت زمینه تیره هست واقعا دوست ندارند چون چشم را اذیت می کند برای استفاده از رنگ های تیره باید اصول و قواعد طراحی سایت را رعایت کرد
برای مطالعه بیشتر به مطلب اصول قواعد در طراحی سایت مراجعه کنید چه از لحاظ رنگ و اصول کد نویسی
فاصله دادن متن ها در سایت
شما میتوانید برای اینکه متن ها بهتر خوانده شوند و متن سفید بر روی بک مشکی کاربر را اذیت نکند از بین متن ها فاصله ایجاد کنید تا چشم کاربر اذیت نشود چون متن ها اگر خیلی به هم چسبیده باشند واقعا چشم کاربر را اذیت می کند و این اصلا خوب نیست ما در ساین وب این اصول را رعایت می کنیم
کنتراست متن در طراحی سایت
اگر شما یکدفعه در یک اتاق تیره جسمی سفید و روشن را نگاه کنید اصلا جالب نیست چون چشم شما اذیت می شود اما اگر شما در همان اتاق تاریک رنگی را نگاه کنید که کمی با بک گراند همخوان هست چشم شما اذیت نمی شود این کار در طراحی وب سایت هم هست یعنی شما باید از کنتراست متن استفاده کنید
مفهوم کنتراست متن :توازن تاریکی پس زمینه با رنگی از متن است.
استفاده از فونت های ناخوانا
اگر می خواهید در طراحی وب سایت خود از بک گراند تیره استفاده کنید حداقل از فونت های خوانا استفاده کنید پیشنهاد می کنیم این مطلب را در مورد برای طراحی سایت از چه فونتی استفاده کنیم؟ بخوانید
طراحی سایت برای سایت های استفاده می شود مثلا سایت های مد لباس و فشن یا رستوران ها به شرطی که از عکس های با کیفیتی برخوردار باشد
با نظرات و پیشنهادات خود ما رو در جهت انتشار مطالب آموزشی طراحی سایت و سئو سایت یاری کنید
منبع : طراحی سایت مهندسین ساین وب
http://www.signwebdesign.ir/amozesh-website/web-site-design-color-black