رابط کاربری (به انگلیسی. User Interface, UI) مخفف YI است - این محیط برای تعامل کاربر با کامپیوتر است. اینها دکمه ها، منوها، دکمه های رادیویی، چک باکس ها و موارد دیگر هستند. حالا معلوم نیست، در زیر تمام کلمات مضحک را توضیح می دهم. اگر شخصی استفاده کند تلفن همراه، سپس برنامه ها یا مرورگر رابط کاربری است.
عناصر اصلی رابط کاربری
حالا کلماتی که در بالا نوشتم را توضیح می دهم. همه چیز باید سر جای خودش قرار بگیرد. من به دلیلی در مورد رابط کاربری صحبت می کنم. این اطلاعات مورد نیاز است تا فراموش نکنید که همه این عناصر را در طرح‌بندی ترسیم کنید. اگر طراح چیدمان هیچ کدام از اینها را در چیدمان پیدا نکند، آن را به روشی که فکر می کند درست است انجام می دهد.
متون (عنوان)
وقتی شخصی در وب است، اولین چیزی که با آن مواجه می شود متون و تیترها است. بنابراین، برای ما به عنوان طراح مهم است که همه عناوین را به طور همزمان در یک طرح کار کنیم. سرفصل ها معمولاً H1، H2 ... Hn نامیده می شوند، زیرا این همان چیزی است که به آنها گفته می شود تگ های html. 
در این حالت، عنوان اول H1 و سپس H2 و ... است. عنوان اول مهم ترین عنوان است. در صفحه فرود، این ممکن است در صفحه اول، پایین تر باشد. در طرح‌بندی‌ها، باید همه سرفصل‌ها را نشان دهید تا طراح چیدمان بفهمد کدام تگ را کجا قرار دهد.
پیوندها
در اینجا متن، عنوان و لینک برجسته شده است. پیوندها دارای 4 حالت هستند: عادی، در حالت شناور (می تواند رنگ، زیر خط یا چیز دیگری، افکت را تغییر دهد)، حالت کلیک شده و بازدید شده (کلیک شده و سپس به سایتی که از آن خارج شده است بازگشته است).
دکمه ها
آنها مانند دکمه های فیزیکی به نظر می رسند، یا حداقل مانند دکمه های یک ضبط صوت تصور می شوند. بنابراین حالت هایی دارند: شناور و کلیک کنید. همه اینها باید کار شود.
رادیو دکمه و چک باکس
در سمت چپ یک دکمه رادیویی (به روسی، یک دکمه رادیویی، اما من آن را دکمه رادیویی می‌نامم زیرا برای طراحان مرسوم است)، در سمت راست یک کادر تأیید وجود دارد. در دکمه رادیو، شما می توانید تنها 1 گزینه را انتخاب کنید، ما یک راکون را انتخاب کرده ایم. در چک باکس امکان انتخاب چندگانه، مهر و راکون را انتخاب کرده ایم.
تشکیل می دهد
فرم ها باید به چندین شکل به طور همزمان کار شوند. فرم غیرفعال (بالا)، فعال (دوم از بالا)، فرم دارای خطا (سوم از بالا)، فرم با موفقیت تکمیل شد (چهارم از بالا). گاهی اوقات، زمانی که در فرم خطایی وجود دارد، بهتر است یک پاپ آپ در سمت راست ایجاد کنید، جایی که می توانید خطا را به وضوح نشان دهید. به عنوان مثال، اگر بازدیدکننده حروفی را در فرم وارد کردن شماره تلفن وارد کرده است، عبارت "فقط اعداد را می توان در این فیلد وارد کرد" را روی پیام ارسال کنید. این به افراد کمک زیادی می کند تا فرم را پر کنند و تبدیل آن را افزایش دهند.
پنجره بازشو
پاپ آپ ها یا پنجره های بازشو مجوز (ورود به سیستم) به سایت همیشه باید کشیده شوند. در این تصویر نه، اما به طور کلی مرسوم است که برای خروج از فرم یک صلیب در سمت راست ایجاد کنید.
صفحه بندی
صفحه بندی - پیمایش صفحه که به شما امکان می دهد به سرعت بین تعداد زیادی محصول، برگه یا هر چیز دیگری جابجا شوید. اکنون چنین شکلی از صفحه بندی به عنوان فید خبری در VK رایج است، زمانی که به پایین اسکرول می کنید و اخبار بیشتری بارگیری می شود. همین کار را می توان در فروشگاه اینترنتی انجام داد. در این مورد، همچنان باید دکمه «نمایش محصولات بیشتر» را ارائه دهید. اگر تعداد زیادی از آنها قبلا بارگذاری شده باشند و نوعی پیش بارگذاری را نشان دهند، عنصری وجود دارد که بارگیری صفحه را نشان می دهد.
پودرهای سوخاری
اغلب در فروشگاه آنلاین یافت می شود. به عنوان مثال، یک فروشگاه آنلاین در سمت چپ نوشته شده است، چیزهای مردانه در سمت راست نوشته شده است، لباس های بیرونی ورزشی هنوز در سمت راست هستند، سپس ژاکت ها. این به شما امکان می دهد با کلیک بر روی سطح مورد نظر بالا بروید. به آن زنجیره ناوبری نیز می گویند.
Preloader
چیزی که نشان می دهد چیزی در حال بارگیری است. آنها بسیار متفاوت هستند. شما می توانید "پیش بارگذاری گیف" را در گوگل جستجو کنید و تنوع را ببینید و از مواردی که دوست دارید استفاده کنید. یک ژنراتور پیش بارگذاری ویژه وجود دارد که می توانید انتخاب کنید چگونه به نظر برسد، چه رنگی، در چه فرمتی ذخیره شود و غیره. من به شما توصیه می کنم از چیزهای استاندارد مانند دایره ها و راه راه ها برای پروژه های خاص استفاده کنید، می توانید از چیزهای غیر معمول استفاده کنید یا خودتان آن را در فتوشاپ بکشید و یک انیمیشن GIF بسازید. زیاده روی نکنید، این البته یک عنصر مهم است، اما نباید زمان زیادی را صرف آن کنید.
جداول
اغلب طراحان ترسیم جدول را فراموش می کنند. به عنوان مثال، اگر در حال ساخت یک فروشگاه آنلاین هستید تجهیزات تولید، سپس در توضیحات و در کارت محصول ظاهر می شود ویژگی های مقایسه ای، وزنه ها و چیزهای دیگر. استفاده از جداول در هنگام تغییر رنگ خطوط راحت است، این به خوبی توسط بیننده درک می شود. در این مورد، یک جدول با چک باکس نشان داده شده است، این ضروری نیست. جداول را فراموش نکنید
منو
منو، ناوبری در سراسر سایت است. در این مورد، نشان داد که یک منوی پاپ آپ هنگام نگه داشتن ماوس روی آن وجود دارد. این باید ترسیم شود. توجه کنید که چگونه شناور و تعامل را نشان دادم. فقط مکان نما png را دانلود کرده و در جای خود قرار دهید. اگر چیدمان بزرگی دارید، مکان نماهای زیادی قرار دهید. به عنوان مثال، برای نشان دادن نحوه عملکرد منو، نحوه ظاهر دکمه و پیوند در شناور. در عین حال، وضعیت معمول را فراموش نکنید. بنابراین، در یک طرح استاتیک، می توانید به راحتی نشان دهید که عناصر رابط کاربری در حالت تعاملی چگونه رفتار می کنند.
به یاد داشته باشید که مکان نماها متفاوت هستند: برای رایانه شخصی و برای مک. 
به راحتی می توان "مکان نما png" را در گوگل جستجو کرد. اگر سایت را روی خشخاش نشان می دهید (از ماکت با مک بوک استفاده می کنید)، پس باید از مکان نما سمت راست استفاده کنید، اگر در رایانه شخصی (به عنوان مثال، ماکت با اکسپلورر اینرنت)، سپس از سمت چپ استفاده کنید.
در اینجا چیزهای اساسی در مورد عناصر وجود دارد رابط کاربری. این اطلاعات برای یادگیری تمامی اصطلاحاتی است که در طراحی سایت ها استفاده می شود. و ترسیم چیزهایی مانند منوهای پاپ آپ، تعامل دکمه ها و غیره را فراموش نکنید. اجازه دهید سایت‌های شما پس از طرح‌بندی، همانطور که آنها را ترسیم کرده‌اید به نظر برسند. آمین 🙂
حتی یک سایت مدرن هم دور زده نمی شود. با این حال، راهی وجود دارد که به صرفه جویی قابل توجهی در زمان در طرح و طراحی، از جمله رابط کاربری سایت کمک می کند - اینها آماده هستند. کتابخانه های عناصر رابط کاربری. امروزه تعداد زیادی از آنها وجود دارد که می توان فقط مجموعه های رایگان را در یک پست نسبتاً بزرگ جمع آوری کرد.
مزایای استفاده از عناصر UI آماده یک سایت در پروژه چیست؟
- تمام کارهای خسته کننده ساخت عناصر کوچک از قبل برای شما انجام شده است.
- انیمیشن شکل, دکمه هاو عناصر دیگر قبلاً مطابق با روندهای مدرن طراحی وب پیاده سازی و پیکربندی شده اند.
- هر مجموعه HTML UIکامپوننت ها، به عنوان یک قاعده، اولین نسخه نیست. تمام JS اشکال زدایی شده و به طور پایدار کار می کند. در همان زمان، قابل استفاده ترین راه حل های یک یا عنصر دیگر از مجموعه به طور تجربی شناسایی شد.
کجا می توانید از مجموعه عناصر HTML UI استفاده کنید؟
اول از همه - این نمونه های اولیه، از آنجایی که نیازی به منحصر به فرد بودن در طراحی نیست. هنگام توسعه یک نمونه اولیه، کتابخانه ها با تغییرات زیبایی اندک یا بدون تغییر استفاده می شوند. نکته اصلی این است که کار می کند و ماهیت پروژه را منعکس می کند.با اينكه UIدارای طراحی از پیش طراحی شده است، تقریباً در هر پروژه ای قابل استفاده است. همه عناصر تنظیم شده است گرایش های مدرنطراحی وب سایت، و با احتمال زیاد مشخص می شود که حداقل یک مجموعه از این مجموعه دقیقاً به سبک پروژه شما خواهد بود.
بنابراین. برای توجه شما 20 کیت های رایگانعناصر HTML UIبرای سایت شما فراموش نکنید که در شبکه اجتماعی مشترک شوید. شبکه های.
عنصر
خیلی خوب جعبه ابزار HTML برای وب سایت. شامل تقریباً تمام عناصر رابط کاربری، از جمله جعبه های محاوره ای , تشکیل می دهد، شبکه های طراحی وب سفارشی، اعلان ها، منوها و موارد دیگر. همه عناصر و انیمیشن آنها به راحتی درک می شوند و صفحه را بارگذاری نمی کنند. بر اساس Vue.js 2.0
طراحی بلوک
170+ بلوک HTMLبرای ایجاد یک نمونه اولیه با کیفیت این یک نوع سازنده صفحه وب است که از آن می توانید هر چیزی را کور کنید. این مجموعه شامل مجموعه ای کامل از تمام عناصر در یک سبک است.
طراحی متریال برای بوت استرپ
رایگان برای چارچوب css بوت استرپ 3در طراحی طراحی متریال گوگل. متأسفانه، پویایی طرح اصلی Google Material Design در Angular را ندارد، اما سعی می کند از آن تقلید کند.
رابط کاربری مسطح
کیفیت کافی UI به سبک مسطح تنظیم شده است، که بر اساس CSS پاسخگوفریمورک بوت استرپ 3. یک مزیت بزرگ در دسترس بودن منابع PSD است.
کیت UI خالص
اگر به شبکه‌ها، فرم‌ها، دکمه‌ها، جداول یا منوها نیاز دارید، این چارچوب رابط کاربری ممکن است برای شما مناسب باشد. بسیار سبک وزن است. وزن فقط 3.8 کیلوبایت
رابط کاربری طراحی مسطح - HTML5 + CSS3
حداقل مجموعه با کیفیت پایین عناصر UI در HTML5 + CSS3. علاوه بر این، دارای طراحی اصلی است.
مترو UI CSS
رابط های مترومتعلق به گذشته است، اما امروزه نیز این سبک مخاطبان زیادی را به خود جذب می کند. اعتراف می کنم که من یکی از آنها هستم. حتی امروز وظایفی وجود دارد که در آن رابط کاربری METROممکن است مورد نیاز باشد. به توجه شما بسیار بزرگ و با کیفیت بالا چارچوب UI در HTML به سبک METRO. تقریباً همه عناصر در یک طراحی عجیب و غریب به صورت رایگان در دسترس هستند: اینها صفحه های کاشی کاری شده، فرم ها، چک باکس ها، دکمه های رادیویی، دکمه ها، منوها، صفحه بندی ها و تعداد زیادی چیزهای جالب دیگر هستند. در مجموع، چارچوب شامل بیش از 70 مؤلفه رابط کاربری است. و این کار یک توسعه دهنده اوکراینی است.
پروانه
رایگان چارچوب CSS به سبک طراحی متریال در بوت استرپ. شامل حدود 25 مؤلفه است که، به طرز عجیبی، شباهت نسبتاً زیادی به دینامیک اصلی طراحی متریال در Angular دارند. یک نسخه پریمیوم نیز وجود دارد.
Material Design Lite
یکی از توسعه یافته ترین رابط کاربری طراحی متریالچارچوب ها در HTML. در زرادخانه او است مقدار زیادیاجزاء. این یک ترکیب کامل است. من فکر می کنم این یکی از بهترین پیاده سازی هازبان طراحی متریال به HTML.
رابط کاربری معنایی
دلنشین، سبک و مرتب چارچوبی برای ایجاد رابط کاربریو نمونه سازی تقریباً شامل همه چیزهایی است که شما نیاز دارید. به عنوان مثال، دکمه ها، زبانه ها، تایپوگرافی، سوئیچ ها، و غیره به طور فعال به روسی ترجمه شده است. این از ابتدا ساخته شده است و برخلاف بسیاری از همتایان خود در این مقاله، هیچ ارتباطی با بوت استرپ ندارد.
در اصل، برای حرفه ای ها، هیچ چیز ساده تر از طراحی یک طرح کلی از سایت با دست نیست. وقتی صحبت از طراحی عناصر رابط کاربری (و جزئیات آنها) می شود، این فرآیند کمی پیچیده تر می شود. در اینجا شما نمی توانید بدون تخیل، تجربه و الهام انجام دهید.
اگر نمی‌دانید از چه چیزی شروع کنید (یا از قبل ایده‌ای دارید، اما می‌خواهید با استفاده از قالب‌ها در زمان خود صرفه‌جویی کنید)، خدماتی مانند الگوهای رابط کاربری با گزینه‌هایی برای پیاده‌سازی کلاسیک یا مجموعه‌های ویژه آماده برای دانلود می‌توانند به کمک بیایند. . دومی ها معمولاً در قالب PSD تحویل داده می شوند ، بنابراین برای کسی که می داند چگونه در فتوشاپ کار کند ، بازسازی آنها به روش خود دشوار نخواهد بود.
کیت WebUI سبز
مجموعه رابط کاربری Green WebUI Kit - شامل تقریباً تمام عناصری است که ممکن است به آن نیاز داشته باشید - منوی بالاناوبری، دکمه ها (OK، لغو، خرید، اکنون دانلود)، برچسب فروش، فرم ورود به سیستم، نوار لغزنده خالی و عناصر اشتراک - RSS، ایمیل و موارد دیگر.
تمام عناصر با کیفیت ساخته شده اند، طراحی مدرن است. هر عنصر لایه مخصوص به خود را دارد (فایل PSD)، بنابراین کار با آنها بسیار راحت است. در اصل، از این طریق می توانید به سرعت طراحی چنین وبلاگی را ترسیم کنید - یک نوار لغزنده، از قبل اشتراک هایی وجود دارد. اگر بخواهم مقایسه کنم، این یکی بیشتر به چینی ها می آید.
عناصر رابط کاربری زرد
عناصر رابط کاربری زرد - این مجموعه شامل 11 عنصر رابط کاربری زرد شامل دکمه‌ها (دانلود، ارسال، خرید، جستجو)، بخش‌ها (ویژه و تاریخ)، نوارهای پیمایش و پیشرفت است. همه لایه ها در فایل PSDبه راحتی گروه بندی می شوند، بنابراین می توانید به راحتی تنظیمات یک عنصر UI خاص را انجام دهید. رنگ را می توان به راحتی به رنگ مورد نیاز تغییر داد (البته در مجموعه Green WebUI نیز).
متأسفانه، Yellow UI Elements شامل عناصر کمتری نسبت به Green WebUI Kit است، بنابراین من این را رد نمی‌کنم که مجبور شوید برخی از عناصر را از مجموعه‌های دیگر قرض بگیرید یا خودتان آنها را بکشید.
کیت رابط کاربری نرم
مجموعه سبک خوبی از عناصر رابط برای توسعه وب شما. هم هنگام ایجاد یک وب سایت و هم برای یک برنامه وب قابل استفاده است. در میان تمام منابع PSD، رایج ترین عناصر برای وب وجود دارد - + جستجو، لیست کشویی، کادرهای چک و جعبه های رادیویی، نکات متنی و غیره، حتی ستاره هایی برای رای دادن وجود دارد. برای کسی که می داند چگونه در فتوشاپ کار کند، تنظیم این PSD برای مطابقت با نیازهای شما اصلا دشوار نخواهد بود. در کل مجموعه از نظر کمیت و کیفیت بسیار خوب است.
رابط کاربری شیشه ای شفاف
همانطور که قبلاً از نام مجموعه (Transparent Glass UI) و پیش نمایش متوجه شدید، ویژگی متمایز آن شفافیت عناصر است. این، اولا، بسیار چشمگیر به نظر می رسد و به خوبی در آن جا می شود طراحی مدرنو ثانیاً، تقریباً برای هر رنگ پس زمینه ای مناسب است. مجموعه PSD شامل تمام عناصر رابط وب معمولی است - لیست های کشویی، سوئیچ ها، دکمه ها، فرم ها، لغزنده ها و فیلدهای ورودی.
من فکر می کنم که از مجموعه های ارائه شده از عناصر رابط UI برای فتوشاپ چیزی برای خود پیدا خواهید کرد. ست های اول و آخر به خصوص خوب هستند. برای شما آزمایش های موفق و یک رابط کاربری زیبا آرزو می کنم!
P.S. اگر نیاز به یافتن یک سیستم انعطاف‌پذیر برای یک فروشگاه آنلاین دارید، Magento Commerce ممکن است شما را با قابلیت‌ها، عملکرد و توسعه‌پذیری پروژه شگفت‌زده کند.
زمان هایی که طراحان از همه راه راه ها در مقابل یکدیگر خودنمایی می کردند، پروژه های طراحی جذاب، حتی می توانم بگویم بیش از حد پرمدعا، با استفاده از انواع زواید گرافیکی، برای همیشه از بین رفته است، زمان راه حل های طراحی جدید فرا رسیده است که به کاربران اجازه می دهد بر روی آنها تمرکز کنند. مهم ترین اجزای یک پروژه وب نسبت به پوشش رنگارنگ آن است.
استفاده از عناصر رابط مسطح، بی سر و صدا، اما مطمئنا، با ویندوز 8 و سبک نسبتا مینیمالیست "مترو" آن به صحنه سرایت کرده است. طراحی مسطح، با رویکرد مینیمالیستی خود، در درجه اول بر قابلیت استفاده تمرکز دارد انواع مختلفدستگاه های کاربر، چه در رایانه های شخصی رومیزی و چه در تلفن های هوشمند با کنترل لمسی. ویژگی متمایزطرح‌های مسطح خطوط تمیز، اشیاء دو بعدی، رنگ‌های روشن، لینک‌های کاملاً مشخص و متن sans-serif هستند. برای اینکه توجه کاربران از عناصر مهم منحرف نشود، تمام قلوه سنگ های تزئینی کاملاً وجود ندارد.
اگر از جدیدترین گرایش‌ها در طراحی وب پیروی می‌کنید و در حال حاضر از طرفداران راه‌حل‌های طراحی تخت هستید، در اینجا 10 کیت رابط کاربری کاملاً رایگان طراحی تخت برای پروژه‌های جدید شما آورده شده است. همه مجموعه‌ها شامل طیف گسترده‌ای از اجزا هستند که برای هر طراح وب ایده‌آل هستند: دکمه‌ها، عناصر ورودی، منوها، چک باکس‌ها و دکمه‌های رادیویی، برچسب‌ها، منوها، نوارهای پیشرفت و لغزنده، و همچنین عناصر ناوبری و موارد دیگر.
با این کیت‌های UI شگفت‌انگیز به طراحی خود ظاهری تازه ببخشید.
1 رابط کاربری پر وزن
مجموعه ای جذاب از عناصر رابط کاربری رایگان سارا هانت، به خوبی بر اساس وکتور طراحی شده و به لایه ها تقسیم شده است، به دقت در یک فایل بسته بندی شده است، همه لایه ها با نام های بصری برچسب گذاری شده اند. متن و رنگ ها به راحتی قابل ویرایش هستند. در طراحی از فونتی استفاده شده است که استفاده از آن رایگان است.
با این مجموعه از عناصر رابط کاربری، می توانید زمان بسیار کمتری را صرف کار کنید و روی خلاقیت تمرکز کنید. استفاده از این کیت برای پروژه های شخصی یا تجاری کاملا رایگان است. می توانید کیت را دانلود کنید و بلافاصله شروع کنید.
2. Modern Touch UI Kit
نسخه رایگان اولیه مجموعه بزرگی از عناصر رابط کاربری در فرمت PSD، که با آن می توانید یک سایت کاربردی با طراحی بی عیب و نقص ایجاد کنید.تعادل تایپوگرافی، وزن کلی و موقعیت عناصر، تورفتگی های تنظیم شده، حاشیه ها و پالت رنگ. سبک کلی با تأکید مشخص بر محتوا. کامل نسخه HTMLاین کیت فوق العاده با اشتراک PixelKit در دسترس کاربران ثبت نام شده است.
3. بی نهایت عمودی
4. Square UI رایگان
یکی دیگر از ست های فوق العاده و بسته بندی شده از designmodo، به صورت رایگان به جز اشتراک رسمی اخبار، برای دریافت لینک دانلود در دسترس است. من مطمئن هستم که اگر به محصولی با کیفیت نیاز داشته باشید، این مانع کوچک هیچ کسی را متوقف نخواهد کرد. و این کیت واقعا با کیفیت است و شامل انواع اجزای وب به خوبی طراحی شده برای طراحی وب سایت است. در حال دانلود نسخه رایگانو اگر این مجموعه را دوست داشتید، در صورت تمایل می توانید نسخه پریمیوم پیشرفته مجموعه را خریداری کنید. اگرچه نسخه رایگان دارای بسیاری از نکات مفید طراح برای ایجاد یک سایت کامل است.
5. اجزای رابط کاربری طراحی مسطح
مجموعه ای سبک (407 کیلوبایت) از اجزای رابط کاربری که به سبک مسطح با غلبه رنگ های آبی در پالت رنگ کلی ساخته شده است. تمام عناصر این مجموعه در یک فایل PSD به خوبی سازماندهی شده موجود است و به راحتی قابل ویرایش است. همانطور که می بینید، هیچ شورشی از رنگ ها وجود ندارد، همه چیز سختگیرانه است و صرفاً با هدف راحتی درک محتوا است.
6. Metro Tiles UI Kit
مجموعه ای رایگان، نسبتاً غنی و به زیبایی ارائه شده از اجزای رابط کاربری PixelKit. این کیت شامل بسیاری از عناصر رابط کاربری، لایه‌بندی شده و ترکیب شده در یک فایل PSD است، طراحی آن برای توسعه پروژه‌های وب ایده‌آل است. برنامه های موبایل. با یک نگاه به طراحی اجزا، سبک آن حدس زده می شود رابط کاربری گرافیکی Wihdows 8، لبه‌های دقیق عناصر، زنگ‌های آبی-آبی ملایم و فونت کاملاً خوانا.
7. کیت UI مربع گرد تخت
بسته ای چشمگیر از عناصر رابط وب، که برای دسترسی رایگان توسط صنعتگران ارائه شده است، بدون شک سزاوار توجه شماست. نویسندگان در کار خود کمی از خط طراحی صد در صد مسطح منحرف شده و اضافه کردند اجزای فردیکمی حجم، با کمک گوشه های کمی گرد و سایه ای جزئی به مرزهای پایین عناصر. چنین تصمیم طراحی در یک دوره انتقالی از تغییر اولویت ها در طراحی وب توجیه می شود. تمام عناصر لازم برای کار سازنده سایت سازان، در مجموعه کامل. باقی مانده است که بایگانی را بارگیری کنید ، بسته بندی کنید و شروع به ایجاد کنید ، اگر نه ابدی ، اما حداقل زیبا و مهربان)))
8. بسته UI طراحی مسطح
یک وزن واقعی واقعی (125 مگابایت!) در میان کیت های PSD UI مشابه. طراحی مسطح اجزای مجموعه با جزئیات تا کوچکترین جزئیات، شما را تحت تاثیر قرار می دهد و شما را برای کارهای خلاقانه آماده می کند. این کیت رابط کاربری را می توان به صورت رایگان در پروژه های خصوصی و تجاری استفاده کرد، البته اگر فقط برای شادی باشد، اما به نفع هدف.
10. Bootflat 1.0.1
در پایان بررسی، برای ملاحظه شما، نوعی مجموعه از HTML، CSS، JS و مؤلفه‌ها برای توسعه سریع رابط‌های وب‌سایت - «Bootflat»، ساخته شده بر روی پلت‌فرم معروف توییتر Bootstrap 3 را پیشنهاد می‌کنم. ابزاری که شامل پلاگین ها و اجزای سبک وزن، اما با ویژگی های غنی بوت استرپ است. پشتیبانی از HTML5 و CSS3، طرح رنگ عالی و یک ظاهر طراحی شده بر اساس بهبود یافته است سبک بوت استرپ 3. Bootflat به طور کامل واکنش گرا است، به این معنی که هیچ مشکلی برای نمایش عناصر در صفحه نمایش انواع دستگاه های کاربر وجود نخواهد داشت. تمام اجزای پلت فرم به راحتی گسترش و ویرایش می شوند. Bootflat یک پروژه متن باز است کد منبع، پس با خیال راحت از تمام ویژگی های آن بدون محدودیت استفاده کنید و سبک خود را بسازید.
طراحی مسطح یک روند خاص است، که آینده است و مهم است که لحظه را از دست ندهید، به موقع روی قطار سریع السیر بپرید، زیرا هر روند جدید خود را دارد. چرخه زندگیو نه تنها یک، حتی محبوب ترین روند طراحی می تواند برای همیشه بر روی تاج یک موج باشد. در حال حاضر، به دلایل بسیاری، ارزش استفاده از این سبک طراحی جالب را هنگام توسعه پروژه‌های جدید دارد، نه عجله در تمام کارهای جدی برای دنبال کردن مد، بلکه انجام همه چیز با احساس، حس و ترتیب. به جرات می توان گفت که چنین وب سایت های پرطرفداری بصری، آسان برای درک و ایجاد یک تصور مثبت و نه کمتر خواهد بود. بررسی های مثبتاز جامعه کاربران اینترنت