سفارش تبلیغ
تبلیغات در پارسی بلاگ

شروع کار با طراحی تخت

 

شروع کار با طراحی تخت


 وب سایت هایی با طراحی تخت جالب و جذاب  هستند و در چند سال اخیر به ترند تبدیل شده اند. در دیدگاه طراحی تخت باید از طرح های پیچیده که تحت تاثیر  گرادیان ها، سایه ها و همه این گونه طرح ها قرار می گیرند، خداحافظی کنیم. روند طراحی مسطح یک سبک طراحی در حال ظهور است که از اشکال و آیکون های تخت استفاده می کند. اساسا  استفاده از مستطیل، حلقه ها، مثلث ها و دیگر اشکال با عدم وجود عناصر طراحی دیگر مانند سایه ها  و شیب ها مطرح است. مایکروسافت در سیستم عامل های خود، مخصوصا سیستم عامل جدید خود ویندوز 8 ، طراحی تخت را رونق داد.


وب سایت نمونه-تخت-02  


 طراحی تخت استفاده از پیچیدگی ها را محدود می کند. طرح های مسطح ساده بدون سایه و سایر عناصر طراحی.خوب مردم اکنون سادگی وسهولت بصری را به رسمیت شناختن اند. همچنین، با ظهور تلفن همراه، جایی که فضای صفحه نمایش محدود است، استفاده از تصاویر ساده، و  استفاده حداکثری  از  هر پیکسل را مهم ساخته است. سبک مینیمالیستی نیز بر روی فاصله زیاد بین آیکون ها، تصاویر و تمام عناصر  صفحه وب یا برنامه تمرکز می کنند، در طراحی تخت  استفاده می شود. 
علاوه بر این، تصاویر ساده و صاف سریعتر  بارگیری می شوند،  در حال حاضر ، خوانایی با سبک مینیمالیستی در طراحی تخت ظهور کرده است. با "فضاهای سفید" (یا فضاهای خالی) بیشتر، متن به خوبی دیده می شود. همچنین فقدان سایه ها و گرادیان ها، خوانایی متن ها را در یک صفحه تضمین می کند. 

فیس بوک یکی از اولین استفاده کنندگان قالب طراحی تخت است. درماه های گذشته، فیس بوک به وضوح طرح های طراحی خود را تغییر داده است، به کاربران  می توانند آیکون های ساده، طرح ها و تصاویر دوستانه را مشاهده کنند.البته گوگل با تغییر آیکون های خود به تصاویر رنگی و صاف، رهبری این جنبش را دارد . 

تغییرات فیس بوک -flat

درست است که روند طراحی تخت به آرامی حرکت کرد، اما صفحات وب، برنامه ها و رایانه های ما تسخیر کرد. به زودی به طور کامل بر ما تاثیر می گذارد ولی قبل از این اتفاق باید با فلسفه طراحی تخت آشنا شویم. ما درباره عناصر طراحی صحبت خواهیم کرد و نحوه استفاده از آنها را در فضای صفحه به طور کامل بررسی خواهیم کرد. در واقع پنج عنصر وجود دارد: 

1.عدم عمق
2.استفاده از عناصر ساده
3.فن چاپ
4.رنگ
5.مینیمالیسم

skeumorphic-04

عمق در طراحی

عمق اکنون در روند طراحی جدید مرده است. بر خلاف روندهای طراحی قبلی که در آن  سایه،  خطوط و شیب ها جان مایه سبک بود. سبک طراحی جدید تخت بیشتر بر روی طرحی ساده ی 2 بعدی تمرکز می کند. این فلسفه طراحی مسطح کاملا با طراحی اسکای مورفیسم مخالف است که در آن تصاویر برای شبیه سازی واقعیت، رنگ های عمیق و استفاده از یک شیء واقعی تایید دارد. وب سایت ها و برنامه های طراحی شده Skeuomorphistic معمولا تصاویر پس زمینه ای دارند که  واقعی هستند. همراه با بافت های  که در دنیای واقعی استفاده می شوند. 

skeumorphic-design -flat02

یک نمونه خوب  مقایسه iOS6 
طراحی  و نسخه های قبلی iOS  است. طراحی های اولیه یک تقلید از شیء واقعی هستند. استفاده از تصاویر کامپیوتری 3d، استفاده از شیب، بافت،  bevels و embosses برای به حداکثر رساندن  ظاهر تصویر به  دنیای واقعی است.


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

با حذف عمق در طرح ها و نمادها دیگر عناصر طراحی ساده به نظر می رسند. اکنون آیکون ها به صورت مسطح  و از اشکال هندسی پایه مانند دایره، مربع و مستطیل استفاده می کنند و سادگی و سهولت استفاده از رابط کاربر گرافیکی را ارائه می دهد. 
 -icon-flat-01

وقتی نماد F را در یک مربع آبی قرار می گیرد، به راحتی  فیس بوک را در ذهن شما تداعی می کند. وقتی نماد آیکن دنده را می بینید، به راحتی می توانید حدث بزنید که این یک منوی تنظیمات است.  هنگامی که شکل یک دیسکت را می بینید، به طور خودکار می دانید که این نماد ذخیره است. یا وقتی یک نامه بزرگ زرد M که در یک پس زمینه قرمز قرار دارد، همیشه 
مفهوم مک دونالد است. 

typograph-sample

تایپوگرافی در طرح های تخت


این سبک حتی با متون اضافه بیگانه است و بدنبال یک رابط کاربری  کاربر پسند برای خواننده است.  از فونت  واضح با پیام های کوتاه استفاده کنید و آن را با پالت های رنگی خاص رنگ آمیزی کنید.  

رنگ در طراحی تخت 

همانطور که در آموزش های تایپوگرافی قبلی ذکر شد، رنگ مهم است.   اساسا  رنگ تمام احساسات سایت یا صفحه شما را تعیین می کند. در طراحی تخت، بهتر است از رنگ های شاداب استفاده کنید. می توانند به راحتی با رنگ های متضاد دیگر أن را تکمیل کنند . این رنگها به طور معمول # e65d5d یا # c43434 (برای قرمز)، # 7dc692 یا # 508b61 (برای سبز)، # dfbc42 (برای زرد) و # 3498db برای آبی هستند. Flatuicolors.com راهنمای خوبی برای این کار است. البته در استفاده از زرد روشن، سبز زرد نئون، بنفش و نارنجی روشن و قرمز  روشن اجتناب کنید.

رنگ پالت برای تخت طراحی

مینیمالیسم

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

sample-typography -flat

دیتاسنتر های اروپا چگونه مکانی هستند

دیتاسنتر های اروپا چگونه مکانی هستند

در این مطلب نگاهی به داخل پیشرفته ترین دیتاسنتر 11 طبقه اروپا در قلب Docklands لندن خواهیم انداخت.

North 2

North Two یک دیتاسنتر تازه ساخته شده 135 میلیون پوندی است که 24000 متر مربع فضای 11 طبقه به Telehouse موجود در دانشگاه Docklandsلندن می افزاید. محبوبیت سرویس های ویدئویی موبایل، مدل های کسب و کار جدید مبتنی بر اینترنت اشیا، و استفاده گسترده از خدمات ابری از دلایل اصلی ساخت این دیتاسنتر است.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_1

طبقات دیتاسنتر

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

این دیتاسنتر بین 2 تا 2.5 درصد از مصرف برق اروپا را به خود اختصاص داده است.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_2

ایستگاه شبکه دانشگاه

Telehouse از سال 1990 در داکلندز قرار دارد. در حال حاضر با North 2 در مجموع دارای 73400 مترمربع فضای دیتاسنتر، بیش از 530 حامل، ISP و ASP است. علاوه بر این دارای ایستگاه شبکه 132kVو هشت ژنراتور با ظرفیت کل 18.5 MW است.  
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_3

تشخیص دود اولیه

این یکی دیگر از طبقات دیتاسنتر است. ویژگی های امنیتی این سایت شامل هشدار تشخیص دود اولیه نصب شده در کلیه تسهیلات و بیش از 400 دوربین مداربسته، ورودی، ایستگاه بارگذاری، پذیرش و دالان سایت است. یک نقطه ورود به مرکز اصلی کنترل شده توسط کارت های دسترسی محدود به زمان نیز وجود دارد. تمام درب ها دارای زنگ هشدار هستند و بلافاصله دسترسی های غیرمجاز را به مجموعه امنیتی گزارش می دهند.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_4

اتاق ژنراتور دیتاسنتر

این یکی از ژنراتورهای دیزلی است که در صورت برق دیتاسنترهای عملیاتی از آن استفاده می شود. در مواقع نیاز این ژنراتورها در 10 تا 30  ثانیه به کار می افتند.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_5

سیستم غبار آب

در این تصویر لوله های سیستم بارانی و تامین برق برای پمپ های بارانی نشان داده شده اند.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_6

آب پاش ها

این جعبه شامل جایگزین هایی برای سر آب پاش است. اگر سر آنها معیوب و یا در طول تعمیر آسیب ببیند می توان بلافاصله آنها را جایگزین کرد.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_7

اطفای حریق

این هم سیستم اطفای حریق است که از اتاق سوئیچ الکتریکی محافظت می کند. این سیستم از گاز های مبتنی بر نیتروژن برای خاموش کردن آتش سوزی استفاده می کند.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_8

منبع دیتاسنتر

در این تصویر منبع برق اضطراری یا UPS و اتاق تغذیه منبع برای سالن های دیتاسنتر را می بینید.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_9

سیستم خنک کننده

این هم تصویری از سیستم خنک کننده و تهویه هوای دیتاسنتر است.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_10

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

این تصویر هم واحد خنک کننده هوای غیرمستقیم را نشان می دهد. در روزهایی که درجه حرارت بالاست، این سیستم خنک کننده آب برای خنک کردن هوای محیط قبل از رسیدن به مبدل حرارتی استفاده می شود و باعث حصول اطمینان از اینکه درجه حرارت تحویل داده شده به سالن ها در یک محدوده مشخص است، می شود.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_11

مدخل هوا

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

کانال های دیتاسنتر

در این تصویر برخی از کانال ها و کابل کشی های دیتاسنتر را می بینید.
نگاهی کلی به پیشرفته ترین دیتاسنتر اروپا_13

نمایی از بالا

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

مقالات مرتبط

SEO موبایل - بهینه سازی برای تجربه کاربری و موترهای جستجو

SEO موبایل - بهینه سازی برای تجربه کاربری و موترهای جستجو


نیازی به اولویت بندی نیست زیرا شما باید هم به گوگل و هم به کاربران خود بپردازید، عملی که به شدت توصیه می شود. با اتخاذ تصمیم درست برای این دو نیاز، شما قادر خواهید بود در Google رتبه خوبی کسب کنید و افراد بتوانند خیلی راحت تر از قبل شما را پیدا کنند. با تجربه کاربری وب عالی شما بازدید کنندگان خود را بدست می آورید، و آنها  شما را به دیگران توصیه کنند.  

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

شروع با کاربر

در شروع هر  پروژه  شما باید کاربر را در نظر بگیرید. بدون کاربر، هر چقدر سعی  کنید، حرکتی نمی کنید. احتمالا قبلا از Term User Experience (یا UX) شنیده اید، اما برای محصول شما چه معنایی دارد؟ کاملا بستگی دارد به کاربران شما. پیدا کردن آنچه که مخاطبان شما به  آن پاسخ مثبت دهند، یک موضوع پیچیده است که باید مقاله خاصی در این مورد مطالعه کنید؛ بنابراین، ما در مورد آنچه که در ذهن کاربران شما ست، بیش از حد غرق نخواهیم شد. با این حال، در هر کسب و کار ی، عدم سرمایه گذاری در تجربه کاربر همیشه سبب    شکست خواهد شد. 

طراحی واکنشگرا

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

طراحی تایپوگرافی پاسخگو

بله، من هنوز در موضوع جنون واکنشگرایی هستم. تایپوگرافی بخش مهمی از یک وب سایت است که با نادیده گرفتن آن، برخی از نقایص را با خوانندگان نشان می دهد. اغلب خواندن متن در دسکتاپ اسان است، اما خدای من  چه چشم های در سال های گذشته در تلاش برای رمزگشایی متن ساده در تلفن همراه کور نشدن . واقعا   متنفر از سایت هایی که برای خواندن مطالب آن روی گوشی باید زوم کرد. بهبود تایپوگرافی برای دستگاه های قابل حمل است   یک موفقیت بزرگ نیست اما لازم است. اگر شما تایپوگرافی واکنشگرا ندارید، همیشه امکان تغییر اندازه فونت و ارتفاع خط را در سایت خود قرار دهید. هرگز از فونت کوچکتر از 14 پیکسل در تلفن استفاده نکنید و ارتفاع خط حداقل 18 پیکسل باشد  متن را برای خواندن آسان تر می کند. سرفصل ها را کوتاه  و شفاف نگاه دارید. آنها سرفصل هستند،  نیاز به استفاده از اندازه فونت بزرگ و پررنگ با حداکثر چهار حرف . 

هنر فضای منفی

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

فرم تماس و عضویت کارا  طراحی کنید

فرم های وب مانند فرم های ثبت نام و فرم های تماس با فیلدهای ورودی و فرایند چک کردن و یا حتی یک جعبه جستجو ایجاد می شوند. مطمئن شوید که آنها کار می کنند  و قبلا آنرا آزمایش کرده اید. آیا آنها واقعا کار می کنند؟ من هیچ تردیدی ندارم که کد شما کاری که باید انجام دهد می دهد، اما این قضیه فقط در مورد سمت سرور نیست. باید روی گوشی نیز کارا باشند از نحوه پر کردن فیلد ها گرفته تا نمایش خطا ها . به تعدادی از وبسایتها که به طور ضعیفی این کار را انجام میدهند سر بزنید،  اجازه بدهید به شما یک راز بگویم: درست کردن این مشکلات واقعا مکار سختی  نیست. 
اگر فرم را بفرستم و یک خطا وجود داشته باشد، باید بدانید که خطا دقیقا چیست و در جای درست نمایش داده شود و آنچه که برای رفع آن  انجام دهم  چیست. نه - تکرار می کنم، نه! - از من نخواهید دوباره تمام فیلد ها را پر کنیم این جایی است که مشتری بالقوه را از دست دادید.

از SVG بیشتر استفاده کنید

برخی از شما ممکن است بدانند که یک تصویر SVG چیست، بنابراین  بسیار مختصر توضیح خواهم داد. SVG به معنای گرافیک برداری مقیاس پذیر است ، این تصویر یک تصویر برداری را نشان می دهد که می تواند با توجه به صفحه ای که روی آن مشاهده می شود بزرگ شود. 
SVG به خوبی با CSS کار می کند و مناسب برای طراحی وب پاسخگو است. همراه با تایپوگرافی پاسخگو و پوسته های پاسخگو، یک تجربه مشاهده عالی برای کاربر را بدون در نظر گرفتن اینکه چه دستگاهی دارد، ایجاد می کند. تصاویر SVG بهتر از تصویر عادی  و حتی بهتر از آیکون های فونت  هستند  زیرا آنها می توانند به سرعت با محیط سازگار شوند . علاوه بر این، با آیکون های فونت شما به یک رنگ محدود می شوید، در حالی که فایل های SVG بسیار متنوع هستند. 
شما می توانید گرافیک SVG را  تقریبا همه جا مورد استفاده قرار دهید: لوگو، عناصر UI، نمودار، آیکون و .... 


مقالات مرتبط

SEO موبایل - بهینه سازی برای تجربه کاربری و موترهای جستجو

SEO موبایل - بهینه سازی برای تجربه کاربری و موترهای جستجو


نیازی به اولویت بندی نیست زیرا شما باید هم به گوگل و هم به کاربران خود بپردازید، عملی که به شدت توصیه می شود. با اتخاذ تصمیم درست برای این دو نیاز، شما قادر خواهید بود در Google رتبه خوبی کسب کنید و افراد بتوانند خیلی راحت تر از قبل شما را پیدا کنند. با تجربه کاربری وب عالی شما بازدید کنندگان خود را بدست می آورید، و آنها  شما را به دیگران توصیه کنند.  

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

شروع با کاربر

در شروع هر  پروژه  شما باید کاربر را در نظر بگیرید. بدون کاربر، هر چقدر سعی  کنید، حرکتی نمی کنید. احتمالا قبلا از Term User Experience (یا UX) شنیده اید، اما برای محصول شما چه معنایی دارد؟ کاملا بستگی دارد به کاربران شما. پیدا کردن آنچه که مخاطبان شما به  آن پاسخ مثبت دهند، یک موضوع پیچیده است که باید مقاله خاصی در این مورد مطالعه کنید؛ بنابراین، ما در مورد آنچه که در ذهن کاربران شما ست، بیش از حد غرق نخواهیم شد. با این حال، در هر کسب و کار ی، عدم سرمایه گذاری در تجربه کاربر همیشه سبب    شکست خواهد شد. 

طراحی واکنشگرا

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

طراحی تایپوگرافی پاسخگو

بله، من هنوز در موضوع جنون واکنشگرایی هستم. تایپوگرافی بخش مهمی از یک وب سایت است که با نادیده گرفتن آن، برخی از نقایص را با خوانندگان نشان می دهد. اغلب خواندن متن در دسکتاپ اسان است، اما خدای من  چه چشم های در سال های گذشته در تلاش برای رمزگشایی متن ساده در تلفن همراه کور نشدن . واقعا   متنفر از سایت هایی که برای خواندن مطالب آن روی گوشی باید زوم کرد. بهبود تایپوگرافی برای دستگاه های قابل حمل است   یک موفقیت بزرگ نیست اما لازم است. اگر شما تایپوگرافی واکنشگرا ندارید، همیشه امکان تغییر اندازه فونت و ارتفاع خط را در سایت خود قرار دهید. هرگز از فونت کوچکتر از 14 پیکسل در تلفن استفاده نکنید و ارتفاع خط حداقل 18 پیکسل باشد  متن را برای خواندن آسان تر می کند. سرفصل ها را کوتاه  و شفاف نگاه دارید. آنها سرفصل هستند،  نیاز به استفاده از اندازه فونت بزرگ و پررنگ با حداکثر چهار حرف . 

هنر فضای منفی

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

فرم تماس و عضویت کارا  طراحی کنید

فرم های وب مانند فرم های ثبت نام و فرم های تماس با فیلدهای ورودی و فرایند چک کردن و یا حتی یک جعبه جستجو ایجاد می شوند. مطمئن شوید که آنها کار می کنند  و قبلا آنرا آزمایش کرده اید. آیا آنها واقعا کار می کنند؟ من هیچ تردیدی ندارم که کد شما کاری که باید انجام دهد می دهد، اما این قضیه فقط در مورد سمت سرور نیست. باید روی گوشی نیز کارا باشند از نحوه پر کردن فیلد ها گرفته تا نمایش خطا ها . به تعدادی از وبسایتها که به طور ضعیفی این کار را انجام میدهند سر بزنید،  اجازه بدهید به شما یک راز بگویم: درست کردن این مشکلات واقعا مکار سختی  نیست. 
اگر فرم را بفرستم و یک خطا وجود داشته باشد، باید بدانید که خطا دقیقا چیست و در جای درست نمایش داده شود و آنچه که برای رفع آن  انجام دهم  چیست. نه - تکرار می کنم، نه! - از من نخواهید دوباره تمام فیلد ها را پر کنیم این جایی است که مشتری بالقوه را از دست دادید.

از SVG بیشتر استفاده کنید

برخی از شما ممکن است بدانند که یک تصویر SVG چیست، بنابراین  بسیار مختصر توضیح خواهم داد. SVG به معنای گرافیک برداری مقیاس پذیر است ، این تصویر یک تصویر برداری را نشان می دهد که می تواند با توجه به صفحه ای که روی آن مشاهده می شود بزرگ شود. 
SVG به خوبی با CSS کار می کند و مناسب برای طراحی وب پاسخگو است. همراه با تایپوگرافی پاسخگو و پوسته های پاسخگو، یک تجربه مشاهده عالی برای کاربر را بدون در نظر گرفتن اینکه چه دستگاهی دارد، ایجاد می کند. تصاویر SVG بهتر از تصویر عادی  و حتی بهتر از آیکون های فونت  هستند  زیرا آنها می توانند به سرعت با محیط سازگار شوند . علاوه بر این، با آیکون های فونت شما به یک رنگ محدود می شوید، در حالی که فایل های SVG بسیار متنوع هستند. 
شما می توانید گرافیک SVG را  تقریبا همه جا مورد استفاده قرار دهید: لوگو، عناصر UI، نمودار، آیکون و .... 


مقالات مرتبط