ورود به سایت

ثبت نام در سایت

Registration confirmation will be e-mailed to you.

فراموشی رمز

3 × 3 =

بستن
بستن

چگونه یک رابط کاربری گرافیگی طراحی کنیم؟

چگونه یک رابط کاربری گرافیگی طراحی کنیم؟

همه ما دیر یا زود با GULs ( رابط کاربر گرافیگی) روبرو می شویم. این مقاله شما را در روند طراحی

رابط کاربری وب سایت خود راهنمائی می کند طراحی رابط وب سایت تفاوت چندانی با رابط کاربر گرافیگی ندارد 

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

برنامه را از طریق اینترنت یا از طریق اینترنت/ شبکه فراهم می کند.

با ویکی چجور همراه باشید.

مطالب مرتبط


گام 1 - طراحی

طراحی

قانون طلایی را به خاطر بسپارید به منظور درک بهتر و توسعه طرح های خودتان، به اشکال اساسی 

و یا پیچیده تسلط داشته باشید. ( دایره، مربع،مثلث، ستاره و غیره) هر شکل یا طرح قابل تصور در 

نهایت شامل مجموعه ای از اشکال بسیار اساسی است.

اگر می توانید آن را به تصویر بکشید یا اشکال اصلی را با هر طرحی یا عکس مشاهده کنید. 

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

طراحی

هر آن چه را که فکر می کنید درباره طراحی رابط می دانید را فراموش کنید. به یاد داشته باشید

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

طراحی

طرح یا طرح مقیاس پذیر کامل را پیدا کنید . یک چیدمان درست کنید 

که در آن عناصر روی هم مانند بلوک‌های سازنده بنا شوند.

طراحی

در مورد ابعاد ( اندازه نهایی) و طرح رنگ ( نمونه رنگ ها) برای طراحی خود تصمیم بگیرید.

طراحی

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

طراحی

یک سند جدید ایجاد کنید و آن را به عنوان نام فایل خود ذخیره کنید به عنوان مثال شما ممکن است

سندی ایجاد کنید 1024 پیکسل داشته باشد و 848 پیکسل با پس زمینه سفید و شفاف.

طراحی

ایجاد لایه ها یا گروه به نام فضای کاری سپس پوشه ها برای برای هر ناحیه در فتوشاپ ایجاد کنید. 

گروه بندی، اجازه دسترسی آسان و ویرایش را می دهد.

  • ناحیه لوگو
  • جعبه جستجو
  • منطقه ناوبری / منو
  • اسلایدر Webpage
  • گروه دکمه جستجو
  • گزینه های نتیجه جستجو
  • محتوای L1
  • محتوای L2
  • محتوای درست
  • آخرین اخبار
  • پاورقی
طراحی

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

. برای هر لایه یا گروه کاری از رنگ های مختلف استفاده کنید. بخش های شماره گذاری امکان 

دسترسی آسان به ( PSD پرونده منبع) شما را توسط هر کسی که نیاز به ایجاد تغییر 

یا اضافه کردن عناصر طراحی بیشتر در غیاب شما باشد فراهم می کند.

طراحی شما باید شبیه طرح فضای کاری زیر باشد.

طراحی

طراحی شما باید شبیه طرح فضای کاری فوق باشد.

گام 2 - طراحی

طراحی

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

طراحی

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

طراحی

در این مرحله شما می‌توانید افزودن عناصر وب و محتوای در هر یک از بخش‌ های  تعیین‌ شده و یا ” فضاهای کاری ” را آغاز کنید.

طراحی

محتوای تمام بخش های خود و همچنین کادر جستجو را اضافه و طراحی کنید.

طراحی

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

طراحی

به اضافه کردن جزئیات بیشتر و بیشتر به بخش‌ها ادامه دهید. به یاد داشته باشید 

که بررسی کنید که در بخش مربوطه کار می‌کنید.

اطلاعات مطلب

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

آخرین های آیا میدانید

از همه جا براتون مطلب داریم لطفا کلیک کنید

مطالب برگزیده

موضوعات مهم سایت

مطالب محبوب