0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش طراحی فلت در اصفهان

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 690
تاریخ بروزرسانی ۲۳ فروردین ۱۳۹۷

آموزش طراحی فلت در اصفهان

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

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

آموزش طراحی فلت

آموزش طراحی فلت

اول از همه:طراحی فلت چیست (flat design)

طراحی فلت به نوع جدیدی از طراحی گفته میشود که اول ازهمه در کشورهای خارجی باب شد,که در آن از نوع خاصی از رنگ ها ,آیکون ها و محدودیت های خاص خودش استفاده میشه و یه شعار خاص,در واقع همه چیز ساده است اما زیبا…

در طراحی تخت به مانند طراحی سنتی دیگر از سایه‌های مخلتف ، گرادینت‌ها ، آنیمیشن‌ها ، تکسچرها و پترنها استفاده نمی‌شود.این نوع طراحی clean ، ساده و دارای یک ساختار تمیز و مرتب است ، فضای خالی زیاد دارد ، رنگ‌ها روشن، ساده و یکپارچه هستند، همه‌ی المان‌ها ۲ بعدی می‌باشند ، گوشه‌ها شارپ هستند ، روی تایپوگرافی نوشته‌ها کار شده است و دکمه‌ها و المان‌ها یک دست بدون سایه و برآمدگی هستند.نمونه های معروف شروع به کار طراحی فلت رو در طراحی ویندوز ۸ و رابط کاربری این نوع طراحی استفاده کرد,و نمونه ی دیگه هم که بعدها گوگل در محصولات و سرویس های خود از فلت دیزاین استفاده کرد.

قوانین طراح فلت:

برای طراحی فلت یه سری قوانین وجود داره که باید حداقل این قوانین رو رعایت کنیم تا به سایت فلت نزدیک بشیم.

استفاده از سایه ها در طراحی فلت مناسب نمیباشد و در طراحی فلت نباید از سایه ها استفاده کنیم.

در طراحی فلت استفاده از متن یا هر آبجکت دیگری مجاز نمیباشد.

استفاده از فونت های B yekan – Koodak مناسب میباشد.

عدم استفاده از گرادینت

استفاده حداقل از عکس ها

استفاده از رنگ های گوناگون و زیبا و جذاب و زنده

داشتن استایل تخت مانند

به طور کل درطراحی فلت شما باید ۱۰۰ در صد به کدهای CSS تسلط داشته باشید, واز رنگ های جذاب و زنده برای ارتباط با کاربران استفاده کنید,به جای استفاده کردن از عکس ها و تصاویر که سرعت لودشان خیلی بالاست,همین موضوع از دلایل محبوبیت سایت فلت شده ,برای طراحی فلت کافیه فکر کنید و در مورد رنگ های سایتتان برای هدر و فوتر و سایر قسمت های سایتتون فکر کنید و با خلاقیت به ترکیب رنگ های زیبایی برسید,که من در این زمینه سایت های http://flatuicolors.com/ و http://flatcolor.ir/  رو پیشنهاد میکنم,که در اون میتونید به نمونه های زیبایی از ترکیب رنگ ها برسید.

آیکون ها فلت:

همان طور که قبل هم گفتم فلت هم یکسری آیکون های خاص خودشون رو دارند,که گفتم استفاده از اون ها اختیاری هستند اما خب بازم در این قسمت من به شما http://www.flaticon.com/ را  برای مشاهد ه ی آیکون ها ی فلت پیشنهاد میکنم.

کاربردهای طراحی فلت:

طراحی فلت معمولا توی بنر ها بکار میره ، هدر ها ، برخی اندک از پوستر ها و کاور ها اما خب امروزه یکی ا ز مهم ترین کابردهای طراحی فلت به خاطر تخت و یا فلت بودنش در طراحی سایت میباشد.که بسیاری از طراحان وب سایت ها و شرکتها  و همچنین خود مشتریان علاقه ی زیادی به طراحی فلت به خاطر ساده بودن و سبک بودن در عین حال شکیل بودن اون پیدا کردند.

تیم طراحی سایت وب یار و طراحی سایت فلت:

تیم طراحی سایت وب یار نیز با روی آوردن و مورد پسند بودن(یوزر فرندلی) بودن سایت های فلت,بنا به در خواست مشتریان اقدام به طراحی سایت های فلت و زیبا با رنگ های جذاب و زنده و با سئوی تخصصی برای مشتریان عزیز در اصفهان و سایر نقاط اصفهان میکند,همچنین دوره های کلاس های آموزش طراحی سایت های فلت برای علاقمندان به یادگیری اصول طراحی فلت و سئو به صورت خصوصی در شرکت وب یار برگزار میشود,علاقمندان به یادگیری طراحی وب سایت فلت و سفارش طرلحی سایت فلت کافیست با ما تماس بگبرید,تا با مشاوره تخصصی و کابردی ما زودتر به هدف خود نزدیک شوید.

در اموزش های بعدی از تیم وب یار نکات مفید بییشتری درباره ی طراحی فلت خدمت شما عزیزان توضیح میدم.

مطالب مرتبط
آموزش بوت استرپ
مطالعه :

مقدمه – آموزش بوت استرپ با سلام به وب یاری های عزیز، این جلسه آموزش بوت استرپ را با آموزش کلاس های well  و jumbotron ادامه می دهیم. همچنین این جلسه با ایجاد header برای صفحه در بوت استرپ آشنا خواهید شد. پس در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید.   کلاس well در بوت استرپ با استفاده از کلاس well می توان یک کادر با گوشه های گرد و پس زمینه ی خاکستری رنگ در اطراف یک عنصر ایجاد کرد. برای استفاده شی well کافی است کلاس well را به یک div اضافه کنید. همچنین این کلاس مقداری padding دارد. لازم به ذکر است که به طور پیش فرض اندازه ی شی well در حالت متوسط قرار دارد که با استفاده از کلاس های well-sm و well-lg می توان این سایز را تغییر داد. کلاس well-sm برای کوچکتر نشان دادن شی well استفاده می شود. کلاس well-lg برای بزرگتر نشان دادن سایز well در بوت استرپ به کار برده می شود. در کد زیر نحوه ی استفاده از این کلاس ها نشان داده شده است. <div class=”well”>well class in Bootstrap</div> <div class=”well well-sm”>well-sm class in Bootstrap</div> <div class=”well well-lg”>well-lg class in Bootstrap</div>   خروجی این کد را می توانید در تصویر زیر مشاهده کنید.   آموزش کلاس jumbotron در بوت استرپ برای جلب توجه کاربران […]

مطالعه :

آپلود فایل در php معمولا در بعضی از سایت ها لازم می شود که فرمی را در سایت تعبیه نموده که توسط آن کاربران بتوانند فایل های مورد نظر خود را در سایت آپلود نمایند ( از جمله آپلود فایل رزومه ، عکس و…). حال قبل از آموزش آپلود فایل در php و کدنویسی فرم ارسال فایل لازم است که ابتدا مطمئن شوید که تنظیمات آن فعال است. برای این کار اول باید فایل php.ini را بررسی نمایید و file_uploads را به حالت on قرار دهید. روش دسترسی به فایل php.ini در لوکال هاست و cpanel در ادامه آموزش داده شده است.   آموزش آپلود فایل در php   Php.ini  در لوکال هاست (نرم افزار Xamp) این فایل در وب سرور Xampp با توجه به نسخه های مختلف ، عموما در مسیر های زیر وجود دارد: \xampp\php\php.ini \xampp\apache\bin\php.ini \xampp\etc\php.ini       این قطعه کد ابتدا یک فرم آپلود ایجاد نموده و سپس اطلاعات موردنظر خود را به فایل upload.php می فرستد تا برروی آن اطلاعات را پردازش کند. درون تگ input ، مشخصه type را برابر file قرار داده‌ایم تا اعلام کنیم که نوع ورودی، به صورت فایل می‌باشد. بنابراین درون فرم، یک دکمه browse به کاربر نمایش داده‌می‌شود تا با آن بتواند فایل موردنظر را از کامپیوتر خود انتخاب نماید.   کدنویسی قسمت php فایل upload.php را ایجاد […]

آموزش کار با مسنجر تلگرام(ترفندهای تلگرام)
مطالعه :

آموزش کار با مسنجر تلگرام و ترفندهای تلگرام دانلود آموزش ارسال انبوه و تبلیغات به لیست شماره ها و انبوه کاربران تلگرام(ارسال اس ام اس به تلگرام) بر اساس مناطق و شماره های شما در حال حاضر قابلیت ارسال تا 90 هزار عدد در ماه آماده ارسال می باشد. تست شده در تاریخ 15 آذر 99 با ارسال روزانه بیش از 3 هزار ارسال بدون هزینه پنل .   تمامی نرم افزار های ارسال رایگان به لیست مخاطبان تلگرام همراه با تست و آموزش و بروزترین ورژن ها بصورت هدیه در پکیج خدمتتان قرار داده شده . امروزه مسنجر تلگرام یکی از محبوب ترین مسنجرها در میان مسنجرهایی از قبیل واتس آپ, لاین,وایبر,و اینستاگرام است,علت این موضوع هم امکانات تلگرام از قبیل امکان ارسال پیام صوتی به صورت گروهی,امکان ارسال انواع فایل ازقبیل ویدیو,صوت,عکس تا حجم حداکثر ۱۰۰۰ مگابایت,دارا بودن  سیستم رمز نگاری فوق العاده قدرتمند برای مسایل امنیتی,۱۰۰% رایگان(بر خلاف مسنجری همچون واتس آپ که بعد از مدتها باید هزینه پرداخت کرد. ). چنانچه در نحوه نصب تلگرام بر روی کامپیوتر مشکل دارید مطلب آموزش تصویری نصب تلگرام بر روی کامپیوتر را بخوانید.   فوت و فن های تلگرم: اما خب اکثر افرادی که با تلگرام کار میکنند,در کار کردن با تلگرام مشکلات,ابهاماتی در ذهنشان دارند, همچنین حتی برخی از افرادی که شاید در کار کردن با تلگرام مشکلی […]

seoچیست؟
مطالعه : 20 دقیقه

سئو سایت اصفهان یکی از خدمات تیم طراحی سایت و سئو سایت وب یار می باشد. آیا تا کنون به سئو سایت خود فکر کرده اید؟ آیا می دانید برای بهینه سازی سایت خود چه فاکتورهایی را باید در نظر بگیرید؟

طراحی سایت وب یار
مطالعه :

چرا تیم طراحی سایت وب یار را انتخاب کنیم ؟ در این مطلب میخواهیم به این سوال پاسخ داده و مزایای کار با تیم وب یار را برای شما عزیزان یادآوری کنیم: – طراحی زیبا و حرفه ای قالب: وبــ یار پس از اخذ سفارش از شما به طراحی حرفه ای وایر فریم و قالب زیبا و رنگ بندی متناسب با موضوع وب سایت توسط کارشناسان گرافیک می پردازد. لازم به ذکر است که طراحی قالب از ابتدا با توجه به کدنویسی استاندارد انجام می شود و طراحی قالب قبل از شروع کدنویسی توسط مشتری قابل تغییر و ویرایش می باشد. -کدنویسی استاندارد و سئو شده: در مرحله کدنویسی برنامه نویسان تیم وب یار موظفند که از ابتدا کدها را استاندارد بنویسند و به همین دلیل سایت های طراحی شده توسط تیم ما از نظر سئو بسیار قدرتمندند و با تمامی مرورگرهای روز دنیا سازگار می باشند. -آموزش مدیریت سایت با پنل مدیریت فارسی: تیم وبــ یار پس از تحویل سایت مشتری در یک جلسه آموزش رایگان تمامی راه کارهای مدیریت سایت را همراه با تکنیک های اولیه سئو که یک مدیر سایت باید با آنها آشنا باشد را در اختیار مشتریان خود قرار می دهد. پنل مدیریت سایت  کاملا فارسی بوده و حتی برای اشخاصی که هیچ دانش فنی در خصوص وب ندارند کاملا ساده و راحت می باشد. […]

قالب فروشگاهی پرستاشاپPrestaShop-webyar
مطالعه :

تا به حال به این فکر کرده اید که چطور میشه از طریق اینترنت هم کسب درآمد کنید؟ تا به حال خواسته اید شما هم یک فروشگاه اینترنتی داشته باشید تا محصولات خودتان را ۲۴ ساعته در معرض دید مشتری بگذارید؟ هدف اصلی بسیاری از شرکت ها از حضور در اینترنت، کسب درآمد از طریق فروش محصولات، بدست گرفتن بازار آنلاین و ارائه خدمات بهتر به مشتریان و در نتیجه فروش بیشتر محصولات خود می باشد. به این صورت که با استفاده از این روش، خریدار علاوه بر صرفه جویی در وقت و هزینه ( خصوصا” هزینه های ایاب و ذهاب )، با آرامش کامل، کالاهای مورد نظر خود را انتخاب و خریداری نموده و بدون هیچ مشکلی آنها را درب منزل و یا محل کار تحویل می گیرد. فروشگاه اینترنتی چیست؟ فروشگاه آنلاین (فروشگاه اینترنتی) یک وب سایت است که مانند یک فروشگاه سنتی، اجناس مختلفی را برای فروش عرضه می‌کند. خریداران پس از ورود به سایت فروشگاه،کالاهای مورد نظر خود را سفارش می‌دهند. پس از تکمیل سفارش، هزینه‌ی آن به چند شیوه قابل پرداخت است: با کارت‌های بانکی،شیوه پرداخت نقدی به مأمور پست در زمان تحویل کالا، و یا واریز به حساب. پس از مشاهده و تأیید سفارش توسط مسئول فروشگاه، مأمور پست کالا را در محل فروشنده تحویل می‌گیرد و به دست خریدار می‌رساند. اداره‌ فروشگاه اینترنتی […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *