Posts Tagged with “طراحی گرافیک”

ابزارهای طراحی رابط کاربری و تجربه کاربری

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

UI چیست

طراحی ui

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

UX چیست

تجربه کاربری

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

مسئولیت طراح UX و UI چیست

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

وظایف یک طراح رابط کاربری عبارتند از:

  • طراحی بصری
  • انتخاب رنگ ها
  • طراحی گرافیک
  • طرح بندی سایت
  • تایپوگرافی

و در مقابل آن وظیفه یک طراح تجربه کاربری عبارتند از:

  • طراحی شیوه تعامل کاربر با سایت
  • معماری اطلاعات
  • طراحی نمونه اولیه
  • تحقیق در مورد مشتری و نیازهای او
  • روانشناسی کاربران
  • طراحی استراتژی

 

شیوه ساخت تجربه کاربری و رابط کاربری

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

نرم افزار MockFlow

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

نرم افزار  Mason

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

برنامه Overflow

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

ابزار Visual Inspector

ممکن است شما برای راه اندازی سایت خود با سیستم های مدیریت محتوا مختلفی کار کنید و قصد داشته باشید که رابط کاربری جدیدی برای سایت خود طراحی کنید ولی درباره برنامه نویسی وب اطلاعی نداشته باشید. ابزار Visual Inspector به شما این اجازه را می دهد تا بتوانید UI مورد نظر برای سایت خود را در آن طراحی کنید و بدون توجه به نوع سیستم مدیریت محتوایی که از آن استفاده می کنید از خروجی تولید شده توسط ابزار Visual Inspector در وب سایت خود استفاده کنید.

 

برنامه Adobe XD

بی شک شرکت Adobe یکی از بهترین کمپانی ها در تولید محصولات گرافیکی است. یکی از جدیدترین برنامه های ساخته شده توسط این شرکت برنامه Adobe XD است که به کاربران اجازه می دهد تا تجربه کاربری سایت خود را در آن طراحی کنند.

برنامه Sketch

برای طراحانی که از سیستم عامل Mac OSX استفاده می کنند برنامه Sketch در دسترس است که به شما این اجازه را می دهد تا با آن بتوانید رابط کاربری و تجربه کاربری مورد نظر خود را تولید کنید.

برنامه UserTesting

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

 

 

برنامه JustInMind

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

JustInMind

نتیجه گیری

حالا که با ابزارهای تولید و طراحی رابط کاربری و تجربه کاربری آشنا شده اید چرا یکی از آن ها را انتخاب نمی کنید، آموزش آن را تماشا نمی کنید و شروع به طراحی یک رابط کاربری و تجربه کاربری جدید برای وب سایت خود نمی کنید تا با یک تغییر جدید مخاطبین خود را با تجربه جدیدی از سایت خود مواجه کنید.

طراحی گرافیک چیست؟ تاریخچه ، کارکرد و انواع آن

در یوتیوب، ویدیویی هست که در آن AGDA انجمن طراحان گرافیک استرالیا در خیابان از مردم سوالات گوناگونی راجع به طراحی گرافیک پرسیده اند. اولین سوال آنان چنین بود: طراحی گرافیک چیست؟

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

طراحی گرافیک ( Graphic Design ) در واقع اصطلاحی عام است. حرفه ای متشکل از طراحی حروف، تصویرسازی، عکاسی وچاپ است. به منظور ارائه اطلاعات یا آموزش بکار میرود. این اصطلاح را اولین بار ویلیام ادیسون دیگینز در سال ۱۹۲۲ بکار برد. با این همه فقط پس از جنگ جهانی دوم بود که کاربرد آن رایج شد.

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

تاریخچه طراحی گرافیک :

طراحی گرافیک به مثابه یک تخصص از اواسط سده بیست مطرح شد. تا آن هنگام شرکت ها ومؤسسات تبلیغاتی توسط هنرمندان تجاری اداره می شد. این تخصص ها عبارت بودند از: صفحه بند؛ حروفچین که عنوان ومتن را با تمام جزییات طرح ریزی میکرد؛ تصویرگران که هر نوع آثار ترسیمی مثل نمودارهای فنی را تهیه می کردند.

روتوش کاران ، هنرمندان طراح حروف ودیگرانی که طرح های نهایی را برای تکثیر آماده می کردند. امروزه  طراحان گرافیک  با مؤسسات وآتلیه ها همکاری دارند. آنها نه تنها تبلیغات و آگهی ها، بلکه مجلات و روزنامه هایی را که این آگهی ها در آن چاپ می شوند، طراحی می کنند. طراحی گرافیک تا اواخرسده ی ۱۹ آثار گرافیکی، به صورت سیاه و سفید بر کاغذ چاپ می شد. طی چندین سده، کارکرد های اصلی گرافیک اندک تغییری یافته است و هر طرح ممکن است به چند روش مورد استفاده قرار گیرد.

طی دهه ی ۱۹۶۰، طراحی گرافیک به عنوان شیوه ای برای حل مشکلات ارتباطی مطرح شد. به همین ترتیب در رسانه های همگانی نیز به عنوان مد به روز بودن مطرح شد. اما تغییر در سبک آن حاصل چندین عامل مؤثر مانند پیشرفت های فناوری در حوزه ی رسانه و نیز تحولات رایج در جامعه و گسترش تلوزیون و ویدئو بود.

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

اصول طراحی گرافیک که هر کسی باید بداند [اینفوگرافیک]

ویکی پدیا

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

AIGA

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

طراحی گرافیک

نخستین کارکرد طراحی گرافیک:

طراحی گرافیک معرفی یا شناسایی است. گفتن این که یک چیز چیست ؟ یا متعلق به کجاست ؟

مانند علائم ساختمانی، تابلو، برچسب روی بسته بندی ها و … .

کارکرد دوم طراحی گرافیک:

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

کارکرد سوم طراحی گرافیک:

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

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

طراحی گرافیک در ایران:

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

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

سابقه در ایران:

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

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

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

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

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

شاخه های طراحی گرافیک:

تصویر سازی

شاید پر جاذبه ترین شاخه ی رشته گرافیک برای یک نقاش، تصویر سازی باشد.

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

آرم ، نماد ، نشانه ( علائم تجاری )

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

نشانه یا آرم  بیان مفهوم چیزی است که در قالب شکلی دیگر در ذهن متجلّی می شود.  نماد را باید روی کاغذ ثبت کرد نماد باید تماماَ بیانگر چیزی که عینیت پیدا کرده است باشد. در طراحی نشانه، ریتم، فرم، تکنیک و قدرت اجرایی، یکجا به نمایش در می آید.

علامت تجاری، نشانه ای به شکل یک نماد یا حروف نشانه است. علامت تجاری برای شناسایی یا وحدت بخشی، به محصولات و خدمات و … استفاده می شود.

صفحه آرایی

طراحی، ترسیم، پیش طرح کتاب، آگهی تبلیغاتی، عنوان صفحه و … . که طراحی برای تعیین ظاهر و ارتباطات بین عناصری چون تصاویر، عکس و متن تهیه می کند، صفحه آرایی است.

معمولا تا پیش از انتخاب طرح نهایی، چندین نوع صفحه آرایی آماده می شود تا بهترین آنها از نظر اندازه، رنگ و … تولید شود.

طراحی حروف

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

طراحی حروف

 

اما طراحی حروف که طی دهه ی ۱۹۲۰ و اوایل ۱۹۳۰ در اروپا شکل گرفت. طراحی حروف نوین بخش بسیار محسوس و مرئی مدرنیسم در طراحی گرافیک به حساب می آید و تلفیقی است. این رویکرد، ریشه در روسیه و آلمان داشت و پیروانی در هلند، چکسلواکی و لهستان دارد و می توان به نوشته های ویلیام موریس اشاره کرد.

لیتو گرافی :

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

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

امروزه  از صفحه هايي فلزي از جنس آلومينيوم موسوم به زينك يا پليت  ساخته مي شود. از اين صفحه ها در چاپخانه هاي مجهز به سيستم چاپ افست براي انجام عمليات چاپ بر روي كاغذ استفاده ميشود.