کدام لایه بندی؟ استاتیک، شناور، تطبیقی یا واکنش گرا

  • بوسیله: محسن شفیعی
  • در 1393/05/25 - 22:49
  • نظرات (5)
طراحی وب

طراحی وب

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

(بیشتر…)

طراحی به شیوه ابتدا موبایل (Mobile First)

  • بوسیله: محسن شفیعی
  • در 1393/03/14 - 23:12
  • نظرات (8)
Mobile First Web Design

Mobile First Web Design

شیوه ابتدا موبایل یا Mobile First یک نوع روش در طراحی ریسپانسیو است. ایده آن به اینصورت است که ما طراحی سایت را ابتدا تنها با یک ستون (مخصوص نمایشگرهای کوچک) شروع میکنیم. به این صورت سایت طراحی شده در همه دستگاه‌ها، رزولویشن ها و مرورگرها به خوبی نمایش داده می‌شود. مهم نیست که نمایشگر کاربر چه اندازه‌ای باشد، مهم این است که به راحتی میتواند محتوا را مشاهده کند.

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

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

(بیشتر…)

مجموعه رایگان آموزش فتوشاپ برای طراحان وب

  • بوسیله: محسن شفیعی
  • در 1392/03/29 - 18:32
  • یک نظر
Adobe Photoshop

Adobe Photoshop

شرکت +tuts که شرکتی در زمینه آموزش از راه دور علاقمندان به وب است دست به ایجاد مجموعه ای برای آموزش Photoshop CS6 برای طراحان وب کرده است. این مجموعه کاملا رایگان است و به همه علاقمندان به طراحان وب توصیه میکنم این مجموعه را که دارای 26 قسمت است ببینند.

دوره آموزشی Adobe Photoshop CS6 برای طراحان وب

 

21 مثال از طراحی با رنگ های تیره

  • بوسیله: محسن شفیعی
  • در 1391/11/09 - 19:58
  • دیدگاه‌ها برای 21 مثال از طراحی با رنگ های تیره بسته هستند

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

 

Glad Creative

21 مثال از طراحی با رنگ های تیره

(بیشتر…)

ساخت پیش نمایش از وب سایت

  • بوسیله: محسن شفیعی
  • در 1391/10/26 - 19:44
  • نظرات (2)
ساخت پیش نمایش از وب سایت

ساخت پیش نمایش از وب سایت

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

آنجاست که مشتری شما میگوید من که منظورم این نبود. من میخواهم سایتم اینطوری یا اینطوری باشد. و در آن زمان من شما را درک میکنم.

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

سایت Wireframe

مثال استفاده از سایت Wireframe