عضویت     ورود  اگر بر ساماندهی نیروهای خود توانا نباشیم ، دیگران سرنوشتمان را می سازند . ارد بزرگ پنجشنبه، 28 تير ماه ، 1397

کانال تلگرام


تبلیغات متنی


منوی سایت


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




مقالات جدید
تعداد شاخه ها: 30 عدد
تعداد مقالات: 758 عدد 1: آزمايشگاه الكترونيك - استاد محرري 
[دفعات مشاهده : 4705 بار]
 2: جزوه درس مخابرات 1 - دانشگاه فردوسي مشهد 
[دفعات مشاهده : 4648 بار]
 3: كتاب مهندسي تاسيسات / دكتر كلهر 
[دفعات مشاهده : 4667 بار]
 4: مجموع اعوجاج هارمونیک T.H.D 
[دفعات مشاهده : 4627 بار]
 5: كتاب "روش طراحي و تحليل مدارهاي الكترونيك" 
[دفعات مشاهده : 11040 بار]
 6: ادوات نوري 
[دفعات مشاهده : 4710 بار]
 7: كتاب اصول تلويزيون رنگي 
[دفعات مشاهده : 6268 بار]
 8: پروژه دزد گیر با سنسور تشخیص حرکت pir با قفل رمز الکترونیکی 
[دفعات مشاهده : 5889 بار]
 9: جزوه اندازه گیری الکتریکی 
[دفعات مشاهده : 5032 بار]
 10: سوالات کنکور کارشناسی ارشد 90 / گروه مهندسی برق 
[دفعات مشاهده : 6998 بار]
 11: آرشيو پروژه هاي 8051 
[دفعات مشاهده : 5719 بار]
 12: آرشيو پروژه هاي AVR‌ (ـ‌ 126 پروژه ) 
[دفعات مشاهده : 13456 بار]
 13: آموزش برنامه نويسي و كار با ماژول Sim300CZ با ميكروكنترلر AVR 
[دفعات مشاهده : 9760 بار]
 14: سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق 
[دفعات مشاهده : 7137 بار]
 15: ارتباط میکروهای PIC با کمک پروتکل سریال I2C و نکات تکمیلی ماژول MSSP 
[دفعات مشاهده : 5297 بار]
 16: ساعت تقویم با کمک میکروکنترلر PIC و DS1307 
[دفعات مشاهده : 5857 بار]
 17: تایمرهای چند زمانه ( ساعت مرکزی ) با میکرو PIC 
[دفعات مشاهده : 5321 بار]
 18: ساعت تقویم شمسی مجهز به آلارم روزانه و هفتگی 
[دفعات مشاهده : 6259 بار]
 19: صفحه کلید وقفه ای با میکروکنترلر PIC 
[دفعات مشاهده : 4974 بار]
 20: کرنومتر دیجیتال با میکروکنترلر PIC با قابلیت ثبت 3 زمان 
[دفعات مشاهده : 5119 بار]
 21: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HMTR + پروژه چت متنی بیسیم 
[دفعات مشاهده : 7905 بار]
 22: سنسورهای حرارت 
[دفعات مشاهده : 7274 بار]
 23: کنترل وسایل برقی از طریق خط تلفن با میکروکنترلر PIC 
[دفعات مشاهده : 7280 بار]
 24: ارتباط سریال UART بین دو میکروکنترلر PIC 
[دفعات مشاهده : 5545 بار]
 25: گزارش کار آموزی : ماشین های ابزار کنترل عددی CNC 
[دفعات مشاهده : 5817 بار]
 26: کنترل وسایل به کمک ماژول HM-TR و میکرو AVR 
[دفعات مشاهده : 8247 بار]
 27: طراحی و ساخت کنترل از راه دور 1 کانال با کمک ماژول های ASK و آی سی های سری PT 
[دفعات مشاهده : 6834 بار]
 28: مجموعه رفرنس های آموزشی میکروکنترلرهای سری dsPIC 
[دفعات مشاهده : 6309 بار]
 29: مجموعه پروژه های میکروکنترلر AVR با کامپایلر بسکام 
[دفعات مشاهده : 11433 بار]
 30: طراحی و ساخت مدارات انتقال دیتا به وسیله ماژول های HM-T و HM-R با میکرو AVR 
[دفعات مشاهده : 9341 بار]


آخرين مطالب ارسال شده
· روش طراحي و تحليل مدارهاي الكترونيك[ 1 نظر شما چيه؟ - 38681 مشاهده ]
· اصول تلويزيون رنگي[ 0 نظر شما چيه؟ - 17447 مشاهده ]
· نرم افزار DigSilent[ 2 نظر شما چيه؟ - 20800 مشاهده ]
· AVR Tech Lib 2011[ 1 نظر شما چيه؟ - 24299 مشاهده ]
· مجموعه كنفرانس هاي سالينه ميكروچيپ / سال 2009 /[ 2 نظر شما چيه؟ - 21973 مشاهده ]
· آموزش كار با ماژول SIM300CZ با ميكرو AVR[ 4 نظر شما چيه؟ - 24383 مشاهده ]
· مجموعه فيلم هاي آموزشي نرم افزار Altium Designer[ 0 نظر شما چيه؟ - 37605 مشاهده ]
·  سوالات كنكور كارشناسي ناپيوسته 89 - گروه برق[ 0 نظر شما چيه؟ - 19260 مشاهده ]
· لينك دانلود مجله October 2010 / SERVO[ 0 نظر شما چيه؟ - 16489 مشاهده ]
· Catalog CA 01 (10/2009) / International version[ 0 نظر شما چيه؟ - 20432 مشاهده ]

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


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



مطالب جديد
· 1: PLANNING OF THE GULF STATES INTERCONNECTION
· 2: Practical API Design
· 3: حل مسأله در مدار قرار گرفتن نيروگاهها با تلفيق قابليت اطمينان شبكههاي توليد و انتقال
· 4: Design of a Multi-Mission Satellite Ground Station for Education and Research
· 5: Voltage Source Converter in High Voltage Applications:Multilevel versus Two-level Converters
· 6: بهبود الگوريتم تشخيص چهره انسان در تصاوير رنگي با استفاده از سطح آستانه سازگار در تكنيكSegmentation
· 7: BIOLOGICAL-AWARE STEREOSCOPIC RENDERING IN FREE VIEWPOINT TECHNOLOGY USING GPU COMPUTING
· 8: Tight-Binding Description of Patterned Graphene
· 9: ANSI C63.19-2011
· 10: سیستم بازشناسی ارقام دستنویس فارسی بر اساس الگوریتم آموزش فعال و شبکه های عصبی
· 11: طراحي و ساخت آنتن اكتيو با استفاده از تكنيك قفل تزريقي
· 12: روش جدید در تعیین محدوده فیلتر میان گذر در روش envelope برای آشکار سازی عیب بلبرینگ
· 13: Housekeeping Telemetry Compression: When, how and why bother?
· 14: A Technique for Orthogonal Frequency Division Multiplexing Frequency Offset Correction
· 15: Shielded Coupled Strip Transmission Line
· 16: بازسازي طيف انعكاسي نمونه هاي مانسل به كمك تكنيك فازي
· 17: كاربرد كدهاي LDPC در مودم ADSL
· 18: Hybrid Metaheuristics
· 19: بررسي مشكلات سيستم مكانيكي قطع همزمان كات اوت فيوزها و پيشنهاد يك سيستم جايگزين
· 20: PIC Robotics

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


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

 



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





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