عضویت     ورود  به درستی نماز نيکوترين صورتی است که خدا آن را خلق کرد. امام رضا (ع) سه شنبه، 3 بهمن ماه ، 1396

کانال تلگرام


تبلیغات متنی


منوی سایت


جست و جو در بانك مقالات




مقالات جدید
تعداد شاخه ها: 30 عدد
تعداد مقالات: 758 عدد 1: آزمايشگاه الكترونيك - استاد محرري 
[دفعات مشاهده : 3621 بار]
 2: جزوه درس مخابرات 1 - دانشگاه فردوسي مشهد 
[دفعات مشاهده : 3534 بار]
 3: كتاب مهندسي تاسيسات / دكتر كلهر 
[دفعات مشاهده : 3624 بار]
 4: مجموع اعوجاج هارمونیک T.H.D 
[دفعات مشاهده : 3586 بار]
 5: كتاب "روش طراحي و تحليل مدارهاي الكترونيك" 
[دفعات مشاهده : 9957 بار]
 6: ادوات نوري 
[دفعات مشاهده : 3823 بار]
 7: كتاب اصول تلويزيون رنگي 
[دفعات مشاهده : 5210 بار]
 8: پروژه دزد گیر با سنسور تشخیص حرکت pir با قفل رمز الکترونیکی 
[دفعات مشاهده : 4959 بار]
 9: جزوه اندازه گیری الکتریکی 
[دفعات مشاهده : 4047 بار]
 10: سوالات کنکور کارشناسی ارشد 90 / گروه مهندسی برق 
[دفعات مشاهده : 6016 بار]
 11: آرشيو پروژه هاي 8051 
[دفعات مشاهده : 4675 بار]
 12: آرشيو پروژه هاي AVR‌ (ـ‌ 126 پروژه ) 
[دفعات مشاهده : 12436 بار]
 13: آموزش برنامه نويسي و كار با ماژول Sim300CZ با ميكروكنترلر AVR 
[دفعات مشاهده : 8709 بار]
 14: سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق 
[دفعات مشاهده : 6133 بار]
 15: ارتباط میکروهای PIC با کمک پروتکل سریال I2C و نکات تکمیلی ماژول MSSP 
[دفعات مشاهده : 4358 بار]
 16: ساعت تقویم با کمک میکروکنترلر PIC و DS1307 
[دفعات مشاهده : 4891 بار]
 17: تایمرهای چند زمانه ( ساعت مرکزی ) با میکرو PIC 
[دفعات مشاهده : 4433 بار]
 18: ساعت تقویم شمسی مجهز به آلارم روزانه و هفتگی 
[دفعات مشاهده : 5275 بار]
 19: صفحه کلید وقفه ای با میکروکنترلر PIC 
[دفعات مشاهده : 4039 بار]
 20: کرنومتر دیجیتال با میکروکنترلر PIC با قابلیت ثبت 3 زمان 
[دفعات مشاهده : 4190 بار]
 21: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HMTR + پروژه چت متنی بیسیم 
[دفعات مشاهده : 6919 بار]
 22: سنسورهای حرارت 
[دفعات مشاهده : 6314 بار]
 23: کنترل وسایل برقی از طریق خط تلفن با میکروکنترلر PIC 
[دفعات مشاهده : 6220 بار]
 24: ارتباط سریال UART بین دو میکروکنترلر PIC 
[دفعات مشاهده : 4510 بار]
 25: گزارش کار آموزی : ماشین های ابزار کنترل عددی CNC 
[دفعات مشاهده : 4757 بار]
 26: کنترل وسایل به کمک ماژول HM-TR و میکرو AVR 
[دفعات مشاهده : 7150 بار]
 27: طراحی و ساخت کنترل از راه دور 1 کانال با کمک ماژول های ASK و آی سی های سری PT 
[دفعات مشاهده : 5880 بار]
 28: مجموعه رفرنس های آموزشی میکروکنترلرهای سری dsPIC 
[دفعات مشاهده : 5279 بار]
 29: مجموعه پروژه های میکروکنترلر AVR با کامپایلر بسکام 
[دفعات مشاهده : 10463 بار]
 30: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HM-T و HM-R با میکرو AVR 
[دفعات مشاهده : 8400 بار]


آخرين مطالب ارسال شده
· روش طراحي و تحليل مدارهاي الكترونيك[ 1 نظر شما چيه؟ - 37616 مشاهده ]
· اصول تلويزيون رنگي[ 0 نظر شما چيه؟ - 16455 مشاهده ]
· نرم افزار DigSilent[ 2 نظر شما چيه؟ - 19940 مشاهده ]
· AVR Tech Lib 2011[ 1 نظر شما چيه؟ - 23371 مشاهده ]
· مجموعه كنفرانس هاي سالينه ميكروچيپ / سال 2009 /[ 2 نظر شما چيه؟ - 21035 مشاهده ]
· آموزش كار با ماژول SIM300CZ با ميكرو AVR[ 4 نظر شما چيه؟ - 23393 مشاهده ]
· مجموعه فيلم هاي آموزشي نرم افزار Altium Designer[ 0 نظر شما چيه؟ - 35621 مشاهده ]
·  سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق[ 0 نظر شما چيه؟ - 18306 مشاهده ]
· لينك دانلود مجله October 2010 / SERVO[ 0 نظر شما چيه؟ - 15635 مشاهده ]
· Catalog CA 01 (10/2009) / International version[ 0 نظر شما چيه؟ - 19158 مشاهده ]

[ موارد بیشتر در بخش اخبار و تازه ها ]


زبان
انتخاب زبان نمایش :



مطالب جديد
· 1: مطالعات اقتصادي كاربرد روشنايي ديجيتال در ايران
· 2: Wireless Malware Propagation
· 3: مقاله شناخت قطعات الکترونیکی
· 4: مقاله آشنايي با ليزر
· 5: Home Networking FOR DUMmIES
· 6: تشکیل شرکت توزیع برق روستایی یک ضرورت
· 7: Needle in a cross-layer sensor stack
· 8: ARM: مدل رفع ناهنجاري در پايگاه قواعد ديوار آتش هاي توزيع شده
· 9: نمونه پروژه کارشناسی : شبکه هاي حسگر بی سیم
· 10: Wavelets & Digital Image Processing
· 11: تخمين نقاط گرم ترانسفورماتورهاي 25 kVA و 1600 kVA نرمال روغني به روش كلاسيك
· 12: IEEX Std 1145-1990
· 13: Electrical temperature measurement
· 14: A Nonsupervised Learning Framework of Human Behavior Patterns Based on Sequential Actions
· 15: نقشه و راهنمای تعمیرات تلویزیون رنگی سامسونگ مدل CS29Z6HF9X-XSG
· 16: Visual C++ 2008
· 17: Microelectronics – Systems and Devices
· 18: مطالعه راهكارهاي افزايش ضريب بار با انجام مديريت مصرف در كارخانجات بالاي يك مگاوات استان مازندران
· 19: MIMO Networks:The Effects of Interference
· 20: تعیین سطح مقطع کابلهای فشار متوسط در حضور بارهای غیرخطی با استفاده از تئوری تصمیم

[ آخرين مقالات ]


ارسال مقاله به سايت

 



...::: Ir-Micro.Com :::... :: View topic - روند کارت ها در طراحی وب سایت در سال 2016


روند کارت ها در طراحی وب سایت در سال 2016

 
Post new topic   Reply to topic    ...::: Ir-Micro.Com :::... Forum Index -> نرم افزار / برنامه نویسی Printable Version
View previous topic :: View next topic  
Author Message
site2017
کاربر تازه وارد
کاربر تازه وارد

Joined: Sep 17, 2017
Posts: 21





156732.00 امتیاز

Items

Status: Offline

PostPosted: چهارشنبه، 6 دي ماه ، 1396 05:33:27 Reply with quote

تسلط یافتن کارت در طراحی

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


سودمندی از الگوی کارت در طراحی سایت بسیار برای شما مفید خواهد بود به دلیل اینکه شما می توانید به راحتی کارت ها را برای همه صفحه نمایش ها طراحی کنید به خصوص در دستگاه های تلفن همراه، به طور مثال وب سایت Pinterest را ببینید که از این تکنولوژی به نحو احسن و زیبا در سایت خود استفاده می کند همچنین Facebook و Twitter نیز در برخی از المان های خود آن از این کارت ها بهره جسته اند و در بیشتر وب سایت ها دیگری می توانید این تکنولوژی را ببینید.

ما در این مقاله بررسی می کنیم که کارت ها چگونه در طراحی سایت رشد کردند؟ رابط کاربریشان چگونه است؟ در چه اندازه مفید هستند؟ در واکنش گرا بودن سایت چه تاثیراتی دارند؟ و در آینده این تکنولوژی به کجا می رود؟
سبک طراحی کارت ها چیست؟

برای درک این موضوع شما باید اول متوجه شوید که کارت ها دقیقا چی هستند.

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

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


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

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

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

نمونه موبایل وب سایت Verge را ببینید

اگر توجه کنید می بینید که عکس و متن و رنگ آن بدون تغییری شکل اصلی خود را حفظ کرده است کارت ها تجربه ی جدیدی در دستگاهها به کاربران ارائه می دهد. شما می توانید این مزیت را در وب سایت UXPin ببینید، دقت کنید که چگونه فاصله مرتب و تمیز در موبایل دیده می شود.

سایز دسکتاپ

مزیت دیگر کارت ها این است که در زمانی که شما با موبایل به مرور این سایت ها مشغول هستید هر کارت انقدر فضا دارد که به راحتی و با کلیک بر روی آن به صفحه مورد نظری بروید یا با عکس مورد نظر کارت را باز کنید، خیلی وقت ها شده است در زمان مرورگری با موبایل شما برای کلیلک بر روی متنی کوچک به دردسر افتاده اید!!


آینده کارت ها

در حالی که رابط کاربری دائما در حال تغییر است و چالش هاس جدیدی را به خود می بیند، طراحی ریسپانسیو و دنیای اپلیکیشن ها همچنان بیشترین تاثیر را خواهند داشت در آینده که کارت ها به دلیل تشابه طراحی خود با این دو مورد آینده ی خوبی را جلوی روی خود دارد.


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


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

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

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

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

سخن آخر

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


Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    ...::: Ir-Micro.Com :::... Forum Index -> نرم افزار / برنامه نویسی All times are GMT + 3.5 Hours
Page 1 of 1
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

 
 Jump to:   

Related topics
 Topics   Replies   Author   Views   Last Post 
No new posts کاربرانی که با دانلود کردن فایلها از سایت مشکل دارند بخوانند 92 Hamed 99527 چهارشنبه، 15 شهريور ماه ، 1391 12:01:25
mohamad_mousavi69 View latest post
No new posts نحوی نمونه برداری از آمپر ac بدون استفاده از ct 8 monjezy 14462 شنبه، 20 اسفند ماه ، 1390 22:55:17
exact-zero View latest post
No new posts برنامه تبدیل انیمیشن GIF به کدهای تابلوروان 0 lachini 2244 يكشنبه، 27 تير ماه ، 1389 18:12:13
lachini View latest post
No new posts مشكل استفاده از وقفه خارجي 41 arvinfx 32283 جمعه، 6 فروردين ماه ، 1389 15:55:00
Morteza_rk View latest post
 


Powered by phpBB © 2001, 2008 phpBB Group

Ported to Platinum 7.6.b.4 V2 by sadeghkhafan

فروشگاه تخصصی برق و الکترونیک ایران میکرو
www.iran-micro.com
PHP-Nuke Copyright © 2005 by Francisco Burzi. This is free software, and you may redistribute it under the GPL.
Powered by Platinum 7.6.b.4 v2
Powered by Platinum 7.6.b.4 v2 Persian

مدت زمان ایجاد صفحه : 0.20 ثانیه