ساعد

ابزار نمونه سازی سریع صفحات html css

ساعد ۱۳۹۷/۰۷/۰۲ طراحی رابط کاربری

سلام دوستان . در صورت امکان چند ابزار رایگان  برای نمونه سازی سریع صفحات html معرفی کنید. به غیر از معرفی ابزار روش یا استراتژی وجود داره که بشه صفحات html رو مرتب و سریع ایجاد کرد (به غیر استفاده از بوت استرپ). من بک اند کد می زنم و خیلی نمی تونم برای فرانت وقت بذارم. فقط میخوام چیزی بسازم که کارکنه و صرفا ظاهر مرتبی داشته باشه. (بعدا طراح رابط کاربری روی زیبا سازیش کار خواهد کرد :-) )

ممنون

پاسخ‌ها به این تاپیک
امیر
امیر امیر هستم. یک توسعه‌دهنده فرانت‌اند
۱۳۹۷/۰۷/۲۵

سلام

اگر همونطور که گفتین بعدا طراح رابط کاربری پروژه رو اوکی میکنه که نیاز به چیزی ندارید. فقط اجرا رو زیر هم قرار بدین اون دیگه خودش میدونه باید چیکار کنه.

اما اگر میخواین کارِتون یه ظاهر اولیه‌ای داشته باشه، چاره‌ای جز استفاده از یه فریم‌ورک یا دستکم یه قالب آماده ندارید.

با این حال اگر میخواین از فریم‌ورک استفاده نکنید توصیه میکنم بین هر بلوکی که طراحی می‌کنید یه <br> بزنین یا یه چنین کلاسی تعریف کنید و به هر بلوک بدین:

.separator {
  padding: 10px;
  border: 3px solid blue;
  margin-bottom: 10px;
}
امیرحسین مجیری
امیرحسین مجیریدوست‌دار داده‌ها، پی‌اچ‌پی و پژوهش روی زبان
۱۳۹۷/۰۷/۰۴

سلام

من خودم از قالب زیر استفاده می‌کنم:

https://github.com/gurayyarar/AdminBSBMaterialDesign

در این جا سعی کردم تا حدی راست‌چین و فارسی‌اش کنم:

https://github.com/amirmojiry/RTLAdminBSBMaterialDesign

نمونۀ پروژۀ انجام‌شده با این قالب رو هم می‌تونید این جا ببینید:

http://sflc.ir

imaniy
imaniy
۱۳۹۷/۰۷/۰۲

این سایت خیلی خوبه ولی خب باید بوت استرپ 4 رو دانلود کنید و تو پروژتون داشته باشین :

https://www.layoutit.com