آخرین مطالب ارسال شده در گروه Web-Design
6 مورد از بهترین ابزارهای build برای توسعه‌دهندگان Frontend
کد استفاده شده در تولید با کد توسعه متفاوت است. در تولید شما نیاز به ساخت پکیج‌هایی دارید که سریع اجرا شوند، وابستگی‌ها مدیریت شوند، وظایف به طور خودکار انجام شوند، ماژول‌های خارجی بارگذاری شوند و موارد دیگر. ابزارهایی که امکان تبدیل کد توسعه به کد تولید را فراهم می‌آورند ابزارهای build نامیده می‌شوند.
درک و نحوه کار با CSS Margins
یکی از مسائلی که افراد زیادی با آن درگیر هستند حاشیه‌ها (Margin) می‌باشند، که به نظر می‌رسد بسیار ساده‌اند، با این حال این پتانسیل را دارند که برخی از مسائل واقعا عجیب را ایجاد کنند.
نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4
Bootstrap 4 در حال حاضر محبوب‌ترین فریم‌ورک front-end در جهان است. شما می‌توانید از آن برای ساخت هر نوع رابط کاربری، از قالب‌های ادمین تا وب‌سایت‌هایی دارای ویژگی کامل استفاده کنید. در این آموزش گام به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوت‌استرپ 4 نگاهی می‌اندازیم . شما می‌توانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید.
7 مورد از بهترین کتابخانه‌های کامپوننت رابط کاربری Material Design
Material design یک سیستم طراحی بصری محبوب است که توسط گوگل ایجاد شده است. هدف آن این است که طراحان و توسعه‌دهندگان بتوانند برنامه‌هایی را بسازند که نگاهی یکسان به همه پلت‌فرم‌ها داشته باشد. برنامه‌هایی که از اصول متریال دیزاین پیروی میکنند در تمام سیستم عامل‌ها و دستگاه‌ها، زیبا و حرفه‌ای به نظر می‌رسند. مجموعه ابزار رسمی متریال دیزاین گوگل موارد زیادی مثل دستورالعمل‌ها، کامپوننت‌ها، پالت‌های رنگ، تم‌ها و آیکون‌ها را برای شما فراهم می‌کند.
7 اصل اساسی طراحی
در طراحی خوب همه چیز در مورد جلب توجه، حفظ علاقه و انتقال پیام به مخاطب است. یک سری اصول رایج وجود دارند که می‌توانید در تمام جنبه‌های طراحی ازجمله طراحی وب، طراحی گرافیک و رسانه چاپی اعمال کنید.
کتابخانه‌ها، فریم‌ورک‌ها و ابزارهای CSS
ما شاهد افزایش چشمگیر محبوبیت طرح‌بندی‌های Flexbox، انیمیشن‌های دقیق CSS، کاربرد SVG، Styleguides، افکت‌های با سبک اینستاگرام، ادغام عمیق‌تر CSS با برنامه‌هایی مثل Photoshop و Sketch، و پیش‌پردازنده‌های CSS مانند Sass و Less هستیم.
چه زمانی نباید از Dropdown List استفاده کنیم
Dropdown listها اجزای رایج رابط کاربری هستند. احتمال اینکه شما به طور مکرر با آن سر و کار داشته باشید بسیار وجود دارد، مثلا وقتی که می‌خواهید آدرس خود را وارد یک فرم کنید یا رنگ ژاکتی که می‌خواهید به صورت آنلاین بخرید را انتخاب کنید. بیاید در مورد جنبه‌های خوب و نه چندان خوب dropdown listها و این اینکه چه زمانی باید از آن‌ها اجتناب کنیم، صحبت کنیم.
چگونه به عنوان طراح UX بدرخشیم و استخدام شویم
طراحی UX در حال حاضر بسیار پرطرفدار است، این زمینه با استعدادهای جدید و طراحانی که تمرکز خود را بر روی دریافت شغل می‌گذارند اشباع شده است. هر روز با رقابت بیشتر، امنیت نقش طراحی در تجربه کاربری دشوارتر می‌شود. در همین میان، شرکت‌ها هنوز در حال یادگیری نحوه استخدام طراحان UX هستند.
8 نکته برای طراحی سایت کاربرپسند
ایجاد یک وب‌سایت موفق بسیار مهم‌تر از طراحی زیبا است. در حالی که طراحی زیبا به شما، به عنوان یک طراح یا توسعه‌دهنده کمک می‌کند، باید تجربه کاربری را نیز در نظر داشته باشید.
اسرار طراحی UI که باید بلد باشید
هدف اصلی طراحی رابط کاربری این است که کارها را تا حد امکان برای کاربر موثر و لذت‌بخش بسازد، و مانند بیشتر زمینه‌های طراحی، داشتن ابزار مناسب می‌تواند کمک‌کننده باشد. اگر به دنبال ورود به دنیای UI هستید، این مقاله برای شما مفید خواهد بود. در اینجا نکته‌ها و ترفندهای طراحی UI ارائه شده است.
لذت طراحی وب را دوباره به دست آورید
زندگی برای شما به عنوان طراح وب می‌تواند بسیار پر کار و شلوغ باشد. آنقدر که ممکن است زمان زیادی را به مشتری خود اختصاص دهید و خیلی کم برای خود وقت بگذارید. حتی می‌تواند به جایی برسد که دیگر از کاری که انجام می‌دهید لذت نبرید.
سه روش برای طراحی جذاب تر صفحات 404
با طراحی جذاب تر صفحات 404 می توانید وب سایت خود را بهینه تر کنید، ما در این مطلب درباره طراحی جذاب تر صفحات 404 صحبت خواهیم کرد .
بهترین ابزارهای wireframe
یافتن بهترین ابزارهای wireframe می‌تواند زمان‌بر باشد، زیرا در حال حاضر ابزارهای wireframe زیادی در بازار وجود دارد که هر کدام سطح متفاوتی از عملکرد را ارائه می‌دهند. روند ایجاد برنامه و وب‌سایت اساسا با ابزارهای wireframe آسان‌تر می‌شود زیرا محصول را به صورت بصری نشان داده و همه افراد درگیر را قادر می‌سازد صرفا بر عملکرد و تعامل کاربر تمرکز کنند.
نقش CSS در طراحی وب
در این مطلب به طور مختصر در مورد نقش CSS در طراحی وب می پردازیم . وب سایت ها از مجموعه کد ها ساخته شده اند که هر کدام هدف خاصی را دنبال میکنند . این کد ها هستند که عناصر یک صفحه وب را در مکان های مشخصی شده قرار داده اند .
10 اشتباه که طراحان وب باید از آن دوری کنند
امروزه تقریبا در هر صنعت و بخشی یک وب‌سایت وجود دارد تا اطلاعات، فروش محصولات و تعامل با مشتریان خود را ارائه دهد. این وب‌سایت‌ها با استفاده از چندین استراتژی بازاریابی، بسیار کاربردی و جذاب ایجاد می‌شوند. با این حال، چندین عامل وجود دارد که اغلب به عنوان نقاط انحرافی عمده برای هر کسی که از وب‌سایت بازدید می‌کند، عمل می‌کند. این امر می‌تواند بر تبدیل (conversion) و فروش تأثیر بگذارد.
آیا PWA آینده طراحی وب است؟
در دنیایی که دو سوم جمعیت از دستگاه‌های تلفن همراه استفاده میکنند، حضور قدرتمند تلفن همراه برای هر کسی که می‌خواهد دیده شود ضروری است. سوال چند میلیون دلاری این است که چگونه کاربران تلفن همراه و دسکتاپ را به طور یکسان بدون توسعه و نگهداری هر دو برنامه تلفن همراه (iOS و Android) و همچنین وب‌سایتی ریسپانسیو مورد هدف قرار دهیم.
چگونه یک فریم ورک سی اس اس مناسب برای سایت خود انتخاب کنیم؟
آشنایی با فریم ورک های سی اس اس برای طراحی سایت ضروری است، در این مطلب قصد داریم نکاتی برای انتخاب یکی از فریم ورک های سی اس اس را برای شما بیان کنیم.
7 نکته عالی برای طراحی عملکردی
با برنامه‌های وب پیش‌رونده و برنامه‌های تک صفحه‌ای (PWAs و SPAs) توسعه‌دهندگان ابزارهای فنی را برای ارائه سریع و جذاب تجربیات وب دارند. اما یک قطعه گمشده از این پازل وجود دارد که یک کاتالیزور است که می‌تواند یک برنامه وب با عملکرد بالا را به تجربه کاربری عالی با عملکردی فوق‌العاده سوق دهد. این جزئی است که از طریق بررسی عملکرد یک اصل اساسی از فرآیند طراحی بصری و UX ایجاد می‌شود. این امر، طراحی عملکردی یا طراحی سازنده نامیده می‌شود.
علوم داده و نقش آن در بهبود طراحی UX
امروزه بیشتر مردم علاقه‌مند به علوم و تحلیل داده هستند. با توجه به افزایش تقاضا برای چنین حرفه‌ای، این امر منطقی است. در بسیاری از زمینه‌ها، متخصصین داده مورد نیاز هستند. در میان دیگران، آن‌ها نقش مهمی را در طراحی UX بازی میکنند. در ادامه این مقاله کوتاه، ما به سرعت ارتباط بین علوم داده و طراحی UX را بررسی می‌کنیم.
ابزارهای ساخت وب‌سایت که باید در سال 2019 امتحان کنید
سازندگان وب‌سایت ابزارهای جدیدی نیستند. اما آن‌ها در طول سال‌ها پیشرفت کرده‌اند و قدرتمندتر و انعطاف‌پذیرتر شده‌اند. آن‌ها کارآمدتر شده‌اند، و بهتر قادر به پاسخگویی به خواسته‌های تکنولوژی‌های جدید هستند. ابزارهای ساخت وب‌سایت امروزی می‌توانند به افراد، تیم‌ها و کسب و کارها کمک کنند. آن‌ها به ساخت هر چیزی از یک صفحه ساده سایت تا فروشگاه‌های آنلاین بزرگ کمک میکنند.