15 نمونه کیت UI برای طراحان وب
طراحی و توسعه یک برنامه تحت وب می تواند بی نهایت وقت گیر باشد. این کار، دقت و تمرکز و هزینه زیادی می طلبد. یکی از مشکل ترین کارها، طراحی واسط کاربر است. اگر واسط کاربر (UI) غیر فعال باشد، ممکن است استفاده از برنامه شما برای کاربر بسیار مشکل شده و این موضوع منجر به کسالت آور شدن برنامه برای کاربر خواهد شد.
با این وجود، روش هایی برای بهبود ظاهر و عملکرد واسط وجود دارد. برای این کار می توانید با فریم ورک هایی شروع کنید که ظاهر خوبی دارند و باهم به خوبی کار می کنند. طراحی یک واسط زیبا می تواند زمان زیادی بگیرد ولی خوشبختانه تعدادی زیادی از طراحان سعی کرده اند کیت های زیبایی طراحی کنند که می توانید از آن ها استفاده نمایید.
در این جا کلکسیونی از کیت های زیبا را مشاهده می کنید. هر یک از این ها شامل اجزائی مانند آیکن ها، دکمه ها، سوئیچ ها، چک باکس ها و غیره هستند که همه با هم هماهنگ بوده و با هم متناسب هستند. این اجزاء در عین صرفه جویی در زمان، می توانند به شما کمک کنند تا برنامه ای بسازید که حرفه ای به نظر برسد.
با این وجود، روش هایی برای بهبود ظاهر و عملکرد واسط وجود دارد. برای این کار می توانید با فریم ورک هایی شروع کنید که ظاهر خوبی دارند و باهم به خوبی کار می کنند. طراحی یک واسط زیبا می تواند زمان زیادی بگیرد ولی خوشبختانه تعدادی زیادی از طراحان سعی کرده اند کیت های زیبایی طراحی کنند که می توانید از آن ها استفاده نمایید.
در این جا کلکسیونی از کیت های زیبا را مشاهده می کنید. هر یک از این ها شامل اجزائی مانند آیکن ها، دکمه ها، سوئیچ ها، چک باکس ها و غیره هستند که همه با هم هماهنگ بوده و با هم متناسب هستند. این اجزاء در عین صرفه جویی در زمان، می توانند به شما کمک کنند تا برنامه ای بسازید که حرفه ای به نظر برسد.
کیت بنفش رنگ
Source: http://dribbble.com/shots/1280534-Purple-UI-Kit-PSD
Source: http://dribbble.com/shots/1280534-Purple-UI-Kit-PSD
SmoothBerry
Source: http://www.behance.net/gallery/SmoothBerry-Free-UI-Kit/9762995
Source: http://www.behance.net/gallery/SmoothBerry-Free-UI-Kit/9762995
Flatty
Source: http://www.behance.net/gallery/Flatty-UI-Kit-Free-PSD/10930913
Source: http://www.behance.net/gallery/Flatty-UI-Kit-Free-PSD/10930913
Blog/Magazine
Source: http://graphicburger.com/blogmagazine-flat-ui-kit
Source: http://graphicburger.com/blogmagazine-flat-ui-kit
فرم Login
Source: http://dribbble.com/shots/1269922-Login-Form
Source: http://dribbble.com/shots/1269922-Login-Form
کیت آبی رنگ
Source: http://www.behance.net/gallery/Ui-kit-free-psd-Project/11601453
Source: http://www.behance.net/gallery/Ui-kit-free-psd-Project/11601453
کیت مسطح
Source: http://www.behance.net/gallery/Free-Flat-UI-Kit/10070543
Source: http://www.behance.net/gallery/Free-Flat-UI-Kit/10070543
کیت تعاملی
Source: http://www.uipixels.com/responsive-ui-kitpsd
Source: http://www.uipixels.com/responsive-ui-kitpsd
کیت مسطح
Source: http://www.behance.net/gallery/Free-Flat-UI-Kit/9819319
Source: http://www.behance.net/gallery/Free-Flat-UI-Kit/9819319
کیت رنگی
Source: http://www.behance.net/gallery/Free-Color-UI-Kit/9924127
Source: http://www.behance.net/gallery/Free-Color-UI-Kit/9924127
Behance
Source: http://www.uipixels.com/behance-style-flat-ui-kitpsd
Source: http://www.uipixels.com/behance-style-flat-ui-kitpsd
کیت خاکستری
Source: http://dribbble.com/shots/1279970-Grayscale-Ui-Kit-Free-PSD
Source: http://dribbble.com/shots/1279970-Grayscale-Ui-Kit-Free-PSD
Bleya
Source: http://www.behance.net/gallery/Flat-UI-Freebie/11324647
Source: http://www.behance.net/gallery/Flat-UI-Freebie/11324647
کیت مسطح
Source: http://dribbble.com/shots/968433-Freebie-PSD-Flat-UI-Kit-2-Blog
Source: http://dribbble.com/shots/968433-Freebie-PSD-Flat-UI-Kit-2-Blog
کیت مسطح
Source: http://www.webappers.com/flat-ui-kit
Source: http://www.webappers.com/flat-ui-kit