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

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

۷ مطلب با کلمه‌ی کلیدی «html» ثبت شده است

۱۰ نکته مهم در طراحی رابط کاربری

نتیجه تصویری برای ‪ux image‬‏

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

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

۱ نظر موافقین ۰ مخالفین ۰

تفاوت طراحی UX و طراحی UI در چیست؟

نتیجه تصویری برای ‪ux vs ui‬‏

طراحی UX به عبارت طراحی تجربه کاربری (User Experience Design) اشاره دارد، در حالی که طراحی UI مخفف عبارت رابط کاربری (User Interface) است. در هنگام طراحی سایت، هر دوی این موارد رابطه نزدیکی با هم داشته و برای داشتن یک محصول خوب، ضروری هستند. اما علی‌رغم این ارتباط، نقش‌هایی که در محصول دارند بسیار متفاوت از هم هستند و بخش‌های متفاوتی از فرآیند توسعه محصول را تحت تاثیر قرار می‌دهند. در حالی که طراحی UX بیشتر تحلیلی و تکنیکال است، طراحی UI بیشتر به طراحی گرافیک مربوط می‌شود.

۱ نظر موافقین ۰ مخالفین ۰

۵ اشتباه مرسوم در طراحی وب

تصویر مرتبط

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

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

۰ نظر موافقین ۰ مخالفین ۰

۷ ایده برای طراحی صفحات فرود در موبایل

نتیجه تصویری برای ‪landing page‬‏

از زمانی که گوگل برای ایندکس کردن وبسایت‌ها آن‌ها را تشویق کرد که طراحی سازگار با موبایلی را ارائه بدهند، وبسایت‌های واکنشگرا و Mobile-First شروع به زیاد شدن کردند. البته باید گفت که این جنبش صرفا به خاطر گوگل به راه نیافتاد؛ میزان ترافیک جهانی که توسط موبایل‌ها صورت می‌گرفت در حال افزایش بود و براساس این نیاز، وبسایت‌ها باید خود را تطبیق می‌دادند. مشتریان نیز واقعا کار با موبایل را بیشتر دوست داشتند و خرید کردن یک سرویس یا محصول را از طریق موبایل‌شان راحت‌تر می‌دیدند. این تغییرات که در ساختار وب اتفاق افتاد، نقشی بسیار شگفت انگیز را روی تجارت‌ها و آژانس‌های محلی گذاشت. 

۰ نظر موافقین ۰ مخالفین ۰

مقدمه‌ای بر Nest.js برای توسعه‌دهندگان Angular

تصویر مرتبط

Nest.js یک فریموریک پروگرسیو نودجی‌اس، نوشته شده با Typescript است. این ابزار به صورت متن باز ارائه می‌شود. دلیلی که در این مطلب صحبت از توسعه‌دهندگان Angular شده، این است که Nest.js ویژگی‌های زیادی را از Anguar به ارث برده، همچنین این نکته بسیار مهمی است که بدانیم، انگولار و Nest.js هر دو با تایپ‌اسکریپت نوشته شده‌اند. 

Nest.js فریمورکی برای بک-اند است، با استفاده از این فریمورک شما می‌توانید اپلیکیشن‌های بهینه، مطمئن و مقیاس‌پذیری را برای سازمان‌ها بنویسید. این ابزار توسط توسعه‌دهنده Kamil Mysliwiec نوشته شده است.

۰ نظر موافقین ۰ مخالفین ۰

آموزش کار با Markdown

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

۰ نظر موافقین ۰ مخالفین ۰

راهنمایHTML۵ Semantics برای سئو بهتر

مفهوم "معنادار" یاSemantics  از حوزه زبان شناسی ‌‌می‌آید. این کلمه به معنی "مطالعه معنا" است. بنابراین، معناشناسی، رشته‌ای برای یافتن ارتباط بین نشانه‌‌های مختلف از قبیل کلمات، نمادها و علائم است.

راهنمایHTML5 Semantics برای سئو بهتر

HTML یک زبان نشانه‌گذاری است که به جای  زبان برنامه نویسی، معناشناسی بخش مهمی ‌از آن است. اگر از  HTML۵ معنادار استفاده ‌‌می‌کنید، ‌‌می‌توانید وب سایت خود را بیشتر در دسترس قرار دهید، تجربه کاربر را بهبود بخشید، و همچنین رتبه‌بندی خود را برای موتورهای جستجو بهتر کنید.

۰ نظر موافقین ۰ مخالفین ۰