هنگامی که ما در مورد طراحی #رابط_کاربری صحبت میکنیم، در مورد برخی از رنگ های فانتزی، سبک ها و #قالب ها فکر می کنیم و به نظر می رسد بسیار سخت است که یک رابط کاربری طراحی کنیم.اما اگر ما نگاهی به تغییرات طراحی شرکت های بزرگ بیاندازیم می بینیم که طرح ها ساده تر شده اند در نتیجه سادگی در طراحی رابط کاربری یک امر بسیار مهم است.
در این مقاله، من شما را با بهره گیری از تغییرات انجام شده در برخی از برنامه های استفاده شده در سرتاسر جهان راهنمایی می کنم و اینکه چگونه این تغییرات می توانند ما را برای ایجاد رابط کاربری بهتر آموزش دهند.
پس از دیدن این تصویر، می توانیم درک کنیم که چگونه این #گرادیان ها و ظاهر ۳D با رنگ های کمتر و #آیکون_های_ساده ، ساده تر و ساده تر می شوند.
همه چیز در اپلیکیشن فیسبوک در طول زمان ساده شده است. آنها این گرادیان فانتزی را حذف کرده و از آیکون های فلت ساده استفاده می کنند.
بیایید به برخی از طراحی های وب نگاهی بیاندازیم:
فرم ورود:
بیایید با سبک های پیش فرض مرورگر شروع کنیم:
حالا بگذارید آنها را به صورت عمودی قرار دهیم و بین آنها فاصله بیندازیم:
حالا رنگ پس زمینه را تغییر دهیم تا کمی شکل ظاهری اش تغییر کند:
اما به نظر زیبا نمیرسد. بیایید آن را نابود کنیم و گوشه های گرد با Border و برخی سایه های جعبه ( Box-shadow ) قرار دهیم:
بیایید به input کمی پدینگ ( فاصله داخلی ) بدهیم و کمی Border را تغییر دهیم و کمی #گوشه_های_گرد ( Border-radius ) داشته باشیم:
حالا کمی ظاهر زیباتر پیدا کرد اما دکمه اصلا خوشایند نیست. بیایید کمی به دکمه #پدینگ بدهیم و مکان دکمه را در سمت راست و یک رنگ ( هر رنگی که دوست دارید ) به آن بدهیم.
حالا می بینیم که چند تغییر ساده یک #فرم_ورود را چقدر زیبا میکند.
نکته بسیار بسیار مهم که من فکر می کنم از قسمت های بالا مهم تر است:
طرح یک شخص دیگر را کپی نکنید، از آن استفاده کنید. سعی کنید آن را دوباره طراحی کنید زیرا با آزمایش کردن و #آزمون_خطا و استفاده از آن، شما یاد خواهید گرفت که طرح های خود را ایجاد کنید که متفاوت از دیگران باشد. در غیر این صورت، کل اینترنت یکسان خواهد شد.
منبع : parsisweb.ir
