Product Designer
8 نکته برای طراحی دکمه کامل
1- طرح اولیه
آیا فقط به یک مستطیل برای طراحی دکمه نیاز دارید؟ دکمه های خود را باید به صورت اجزای مقیاس پذیر و قابل استفاده مجدد طراحی کنید.شروع کنید 3 نوع اندازه دکمه ، با یک نوع مستطیل ای که border radius=4px است طراحی کنید.
2- رنگ
شما باید رنگ دکمه های خود را تعریف کنید. سه نوع پیش فرض(primary) مهم(important) و احتیاط (caution)را پوشش دهید. دکمه ها یکبار قبلا ایجاد شده اند(طرح اولیه) حالا رنگ ها را بروی آن ها اعمال نمایید.
3-مرزها( borders)
شما آن را حدس می زنید. با استفاده از یک مستطیل، مرزهای خود را برای مطابقت با رنگ دکمه های خود ایجاد کنید و آن را روی طرح اولیه خود قرار دهید.
4- حالت
این مورد همیشه نادیده گرفته می شود عدم طراحی برای حالات مختلف.باید طرح های اولیه با استفاده از رنگ ها برای موارد مختلف اعم از غیرفعال، در حال پردازش و... طراحی شود.
5- محتوا
یک دکمه بدون محتواچه ارزشی دارد؟ با استفاده از فونت های متن به ایجاد سایزهای 14px و 16px برای مقادیر متن بزرگ، متوسط و کوچک دکمه با حالت های مختلف اعم از تاریک، غیرفعال، لینک و... به پردازید و آن را به طرح خود اضافه کنید.
6- حاشیه داخلی
با هر اندازه دکمه، شما نیاز به سیستم 8pt حاشیه داخلی دارید و همیشه قوانین 8pt برای دکمه ها را دنبال کنید. متوجه مقیاس بزرگتر دکمه های بزرگتر می شوید.
7 -آیکون
برخی از دکمه های شما دارای آیکون هستند بنابراین یک لایه آیکون سمت چپ و راست اضافه می شود. اندازه آیکون را با ارتفاع دکمه مطابقت دهید تا یک آیکون مربع کامل ایجاد شود.
8-محدودیت
محدودیت ها باعث می شود دکمه های خود را به اندازه و ابعاد کوچکتر اندازه گیری و طراحی کنید.
مطلبی دیگر از این انتشارات
مهمترین قانون UX که همه آنها را میشکنند!
مطلبی دیگر از این انتشارات
آبنباتهای دوستداشتنی
مطلبی دیگر از این انتشارات
«طراحی مسطح» ترند پرطرفدار برای UI و UX در سال ۲۰۲۰