ورود به سایت

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

Registration confirmation will be e-mailed to you.

فراموشی رمز

هفت − شش =

بستن
بستن

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

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

همه ما دیر یا زود با رابط کاربری گرافیکی (رابط کاربری گرافیکی) روبرو می شویم.

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

طراحی رابط وب سایت تفاوت چندانی با “رابط کاربری گرافیکی” ندارد؛

در حقیقت ، کودک دومی است.

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

 

 

مطالب مرتبط


گام 1 - انتخاب طرح

how-to-design-a-graphical-user-interface

 

قانون طلایی را به خاطر داشته باشید.

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

( دایره ، مربع ، مثلث ، ستاره و غیره ) .

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

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

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

how-to-design-a-graphical-user-interface

هر چیزی که فکر می‌کنید درباره ” طراحی رابط ” می‌دانید را فراموش کنید .

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

how-to-design-a-graphical-user-interface

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

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

 

 

how-to-design-a-graphical-user-interface

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

how-to-design-a-graphical-user-interface

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

گام 2 - ایجاد طرح

how-to-design-a-graphical-user-interface

“یک سند جدید” ایجاد کرده و آن را به عنوان “your_file_name” ذخیره کنید.

برای مثال ، ممکن است یک سند ۱۰۲۴ پیکسل با پس‌زمینه سفید یا شفاف ایجاد کنید .

how-to-design-a-graphical-user-interface

“لایه” یا “گروه” با نام “فضاهای کاری” ایجاد کنید.

سپس 11 پوشه ، یکی برای هر منطقه ، در فتوشاپ ایجاد کنید.

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

  • ناحیه لوگو
  • جعبه جستجو

  • ناوبری / منطقه فهرست

 

  • کشویی صفحه وب

 

  • گروه دکمه جستجو

 

  • گزینه های نتیجه جستجو

 

  • محتوای L1

 

  • محتوای L2

 

  • محتوای درست

 

  • آخرین اخبار

 

  • پاورقی

blank

how-to-design-a-graphical-user-interface

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

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

بخش های شماره گذاری امکان دسترسی آسان شما را فراهم می کند.PSD (پرونده منبع)

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

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

how-to-design-a-graphical-user-interface

تاریک/ روشن شدن فضای کاری را تغییر می‌دهد .

blank

how-to-design-a-graphical-user-interface

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

how-to-design-a-graphical-user-interface

اطمینان حاصل کنید که “طرح فضای کاری” در قسمت بالای لایه های شما قرار دارد.

و بررسی کنید که برای ویرایش قفل شده است.

how-to-design-a-graphical-user-interface

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

how-to-design-a-graphical-user-interface

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

how-to-design-a-graphical-user-interface

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

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

how-to-design-a-graphical-user-interface

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

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

موفق باشد.

اگر سوالی در این مورد دارید در قسمت نظرات مطرح فرمایید.

اطلاعات مطلب

  • کامپیوتر و فناوری
  • 27 بازدید
  • blankblankblankblankblank (1 votes, average: 5٫00 out of 5)
    blankLoading...
  • آخرین ویرایش توسط : فخر کامبیز - سه‌شنبه, 31 مارس 20, 2:28 ب.ظ

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

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

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

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

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

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

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

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

مطالب محبوب