طراحی رابط کاربری

مطالب (11 نتیجه)

معرفی 16 پیج اینستاگرام برای علاقمندان به طراحی UX/UI

در این مطلب به معرفی اینفلوئنسرهای حوزه طراحی رابط و تجربه کاربری (UX/UI) در اینستاگرام میپردازم. با دیدن پست های این افراد میتوانید از ایده ها و طراحی های آنها الهام گرفته و در پروژه های خود مورد استفاده قرار دهید. @twohabitsdesign در این پیج میتوانید از بهترین شیوه ها و رویکردهای طراحی رابط و تجربه کاربری Ilya Fedotov، توسعه دهنده فرانت اند، الهام بگیرید. @iamnotmypixels Yael Levy که خود متخصص طراحی تجربه کاربری است، به طور روزانه در پیج اینستاگرام خود نکات مهمی در خصوص تجربه کاربری را به اشتراک میگذارد. @ux_ui_wireframes در این پیج که بیش از 40 هزار فالوئر دارد، نمونه هایی از کار طراحان وب سایت از سراسر جهان به نمایش گذاشته میشود. @cadabrachallenge آژانس طراحی اپلیکیشن Cadabra هر د...

2579 0

آشنایی با الگوهای رایج در طراحی رابط کاربری اپلیکیشن اندروید - بخش سوم

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

2829 76

آشنایی با الگوهای رایج در طراحی رابط کاربری اپلیکیشن اندروید - بخش دوم

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

3107 79

آشنایی با الگوهای رایج در طراحی رابط کاربری اپلیکیشن اندروید - بخش اول

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

3114 75

طراحی UX دکمه ها: بهترین روش ها، انواع و حالت ها - بخش سوم

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

2438 67

طراحی UX دکمه ها: بهترین روش ها، انواع و حالت ها - بخش دوم

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

3391 93

طراحی UX دکمه ها: بهترین روش ها، انواع و حالت ها - بخش اول

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

3381 93

درک ریز تعاملات در طراحی اپلیکیشن موبایل – بخش دوم

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

2211 58

مشاهده همه مطالب