عضویت     ورود  تمام موفقیت های عظیم بر پایه شکیت بنا شده اند . اسکاول شین سه شنبه، 4 ارديبهشت ماه ، 1397

کانال تلگرام


تبلیغات متنی


منوی سایت


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




مقالات جدید
تعداد شاخه ها: 30 عدد
تعداد مقالات: 758 عدد 1: آزمايشگاه الكترونيك - استاد محرري 
[دفعات مشاهده : 4273 بار]
 2: جزوه درس مخابرات 1 - دانشگاه فردوسي مشهد 
[دفعات مشاهده : 4194 بار]
 3: كتاب مهندسي تاسيسات / دكتر كلهر 
[دفعات مشاهده : 4257 بار]
 4: مجموع اعوجاج هارمونیک T.H.D 
[دفعات مشاهده : 4198 بار]
 5: كتاب "روش طراحي و تحليل مدارهاي الكترونيك" 
[دفعات مشاهده : 10593 بار]
 6: ادوات نوري 
[دفعات مشاهده : 4382 بار]
 7: كتاب اصول تلويزيون رنگي 
[دفعات مشاهده : 5818 بار]
 8: پروژه دزد گیر با سنسور تشخیص حرکت pir با قفل رمز الکترونیکی 
[دفعات مشاهده : 5513 بار]
 9: جزوه اندازه گیری الکتریکی 
[دفعات مشاهده : 4607 بار]
 10: سوالات کنکور کارشناسی ارشد 90 / گروه مهندسی برق 
[دفعات مشاهده : 6607 بار]
 11: آرشيو پروژه هاي 8051 
[دفعات مشاهده : 5265 بار]
 12: آرشيو پروژه هاي AVR‌ (ـ‌ 126 پروژه ) 
[دفعات مشاهده : 13035 بار]
 13: آموزش برنامه نويسي و كار با ماژول Sim300CZ با ميكروكنترلر AVR 
[دفعات مشاهده : 9329 بار]
 14: سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق 
[دفعات مشاهده : 6721 بار]
 15: ارتباط میکروهای PIC با کمک پروتکل سریال I2C و نکات تکمیلی ماژول MSSP 
[دفعات مشاهده : 4883 بار]
 16: ساعت تقویم با کمک میکروکنترلر PIC و DS1307 
[دفعات مشاهده : 5460 بار]
 17: تایمرهای چند زمانه ( ساعت مرکزی ) با میکرو PIC 
[دفعات مشاهده : 4945 بار]
 18: ساعت تقویم شمسی مجهز به آلارم روزانه و هفتگی 
[دفعات مشاهده : 5870 بار]
 19: صفحه کلید وقفه ای با میکروکنترلر PIC 
[دفعات مشاهده : 4597 بار]
 20: کرنومتر دیجیتال با میکروکنترلر PIC با قابلیت ثبت 3 زمان 
[دفعات مشاهده : 4736 بار]
 21: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HMTR + پروژه چت متنی بیسیم 
[دفعات مشاهده : 7502 بار]
 22: سنسورهای حرارت 
[دفعات مشاهده : 6891 بار]
 23: کنترل وسایل برقی از طریق خط تلفن با میکروکنترلر PIC 
[دفعات مشاهده : 6808 بار]
 24: ارتباط سریال UART بین دو میکروکنترلر PIC 
[دفعات مشاهده : 5110 بار]
 25: گزارش کار آموزی : ماشین های ابزار کنترل عددی CNC 
[دفعات مشاهده : 5336 بار]
 26: کنترل وسایل به کمک ماژول HM-TR و میکرو AVR 
[دفعات مشاهده : 7780 بار]
 27: طراحی و ساخت کنترل از راه دور 1 کانال با کمک ماژول های ASK و آی سی های سری PT 
[دفعات مشاهده : 6417 بار]
 28: مجموعه رفرنس های آموزشی میکروکنترلرهای سری dsPIC 
[دفعات مشاهده : 5879 بار]
 29: مجموعه پروژه های میکروکنترلر AVR با کامپایلر بسکام 
[دفعات مشاهده : 10999 بار]
 30: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HM-T و HM-R با میکرو AVR 
[دفعات مشاهده : 8961 بار]


آخرين مطالب ارسال شده
· روش طراحي و تحليل مدارهاي الكترونيك[ 1 نظر شما چيه؟ - 38230 مشاهده ]
· اصول تلويزيون رنگي[ 0 نظر شما چيه؟ - 17011 مشاهده ]
· نرم افزار DigSilent[ 2 نظر شما چيه؟ - 20442 مشاهده ]
· AVR Tech Lib 2011[ 1 نظر شما چيه؟ - 23930 مشاهده ]
· مجموعه كنفرانس هاي سالينه ميكروچيپ / سال 2009 /[ 2 نظر شما چيه؟ - 21576 مشاهده ]
· آموزش كار با ماژول SIM300CZ با ميكرو AVR[ 4 نظر شما چيه؟ - 23949 مشاهده ]
· مجموعه فيلم هاي آموزشي نرم افزار Altium Designer[ 0 نظر شما چيه؟ - 36598 مشاهده ]
·  سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق[ 0 نظر شما چيه؟ - 18877 مشاهده ]
· لينك دانلود مجله October 2010 / SERVO[ 0 نظر شما چيه؟ - 16137 مشاهده ]
· Catalog CA 01 (10/2009) / International version[ 0 نظر شما چيه؟ - 19847 مشاهده ]

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


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



مطالب جديد
· 1: Automotive Computer Controlled Systems
· 2: IEEE Std 951™-1996(R2009)
· 3: نقشه و راهنمای تعمیرات Projection-SP مدل SP-43J6HF
· 4: Aircraft Secondary Power Generator With Direct Compensation Frequency Control
· 5: Generating Event Sequence-Based Test Cases Using GUI Runtime State Feedback
· 6: ارائه یک ساختار انعطاف پذیر بهینه قابل بازسازی در حین آموزش در شبکه های عصبی
· 7: شناسایی و بررسی محدودیت های عملکرد برقگیر در بکه توزیع برق استان گلستان
· 8: Automatic Range Switching of Instrumentation in Space Vehicles for IncreasediAccuracy
· 9: IEEE Std 960-1993-C
· 10: Effects of Input Power Factor Correction on Variable Speed Drive Systems
· 11: A Nearly Optimal Amplify-and-Forward Relaying Scheme for Two-Hop MIMO Multi-Relay Networks
· 12: Investigation of the Performance of Multiband Orthogonal Frequency Division Multiplexing
· 13: Multisensor and Multitemporal Fusion of VHR Satellite Imagery Based on KIM
· 14: تجزيه تحليل مسال انتقال حرارت معكوس جريان عبوري در يك پيل سوختي اكسيد جامد هموار
· 15: A High Speed, Low Power Four-Quadrant CMOS Multiplier in Current-Mode to Realize the Simplified
· 16: ANSI/IEEE Std 995-1987
· 17: جايابي بهينه خازن در شبكه هاي فشار ضعيف استان سمنان با استفاره از الگوريتم ژنتيك
· 18: IEEE Std 647™-2006
· 19: IIR Subband Adaptive Filtering for Hands-Free Mobile Echo Canceller
· 20: IC.Interconnect.Analysis

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


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

 



...::: 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: 27





201732.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 103128 چهارشنبه، 15 شهريور ماه ، 1391 12:01:25
mohamad_mousavi69 View latest post
No new posts نحوی نمونه برداری از آمپر ac بدون استفاده از ct 8 monjezy 14736 شنبه، 20 اسفند ماه ، 1390 22:55:17
exact-zero View latest post
No new posts برنامه تبدیل انیمیشن GIF به کدهای تابلوروان 0 lachini 2276 يكشنبه، 27 تير ماه ، 1389 18:12:13
lachini View latest post
No new posts مشكل استفاده از وقفه خارجي 41 arvinfx 34079 جمعه، 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.34 ثانیه