#UI_design

[adsamyagency]

What do you think is the best specialization in the field of website design and development ?💭🏽‍💻

Back-end ❓

Front-end ❓ And why ❗.. Follow us on the page and share your opinion in the comments 💬 ✍

Adsamy #UAE #Website_Design #Web_Development #Ready_Made_Websites #User_Experience #UI_Design #Professional_Website #Company_Website_Design #Homepage_Design #Creative_Web_Design #Interactive_Website

[pixency]

Hello, Creative people 🎨This is Sales Tracking Admin panel Dashboard design

👉Please have a look full view here: View

We always provide our client service with the help of skilled designers.

😃Are you looking for a solution to your design project? We are ready to provide you 24/7 service.

👉 Our Work: View

👉Project Inquiry --------------------------- 💌Mail: hello@pixency.com 🌐Web: pixency.com

[eggpressonet]

Figma Plugin cần thiết cho Product Design

Cuộc chiến giữa Figma v�� Sketch là câu chuyện chưa có hồi kết tính tới thời điểm hiện tại. Cả 2 đều có những ưu và nhược điểm của mình, một mạnh về làm việc collaboration và quản lí file nhưng lại không hỗ trợ Plugin; một chiếm ưu thế về sự ổn định và nguồn plugin dồi dào nhưng lại không đa dạng nền tảng (chỉ cho MacOS). Năm 2019 đánh dấu thêm một cuộc đua nữa giữa 2 ông lớn trên, trong lúc Sketch có vẻ "hụt hơi" trong việc làm cho câu chuyện teamwork trở nên dễ dàng thì Figma lại đang "bức tốc" về đích với việc cho ra mắt hàng loạt Plugin khác nhau phục vụ cho nhiều mục đích khác nhau.

Đã có những lúc mình cực kỳ ghen tị với các bạn sử dụng Sketch (không phải không được dùng mà là do đặc thù công việc) vì hệ thống Plugin của họ quá khủng và đa dạng. Nhưng tính tới thời điểm này, Figma đã cho ra lò hơn 40+ Plugin, không ngoại lệ mình cũng là một trong số những người rãnh rỗi để thử hết đống plugin này để chọn ra những "vũ khí" tốt nhất phục vụ cho công việc thiết kế Product hiện tại, nếu bạn chưa có thời gian để thử hết những điều thú vị mới mẻ này từ Figma thì hãy nghía qua một số checklist của mình sau đây:

1. Aspects (by Cosmin Negoita)

Aspects là một plugin nhỏ giúp thay đổi kích thước các elements được chọn để phù hợp với tỷ lệ khung hình nhất định. Plugin này hầu hết được thiết kế cho hình ảnh, nhưng vẫn hoạt động tốt với bất kỳ loại layer nào. Ưu điểm lớn nhất của plugin này là scale về các tỉ lệ hình ảnh phổ biến nhưng không làm lẻ số của W & H, điểm trừ là không hỗ trợ scale về tỉ lệ 1:1

2. Content Reel (by Microsoft)

Khi làm user testing trên các bản prototype hay demo cho các bên liên quan mình luôn làm cho bản thiết kế trông "thật" nhất có thể để có được phản hồi chính xác nhất so với việc chỉ đưa các nội dung giả (dummy content) nhạt toét vô vị vào thiết kế. Craft của Sketch đã giải quyết vấn đề này cực kỳ tuyệt vời, có 1 thời gian , và bây giờ trên Figma cũng có plugin quyền năng tương tự giúp mình tạo những nội dung như tên, email, URLs, công ty, ảnh đại diện một cách ngẫu nhiên – Content Reel. Hy vọng trong tương lai Microsoft sẽ hỗ trợ nhiều loại ngôn ngữ hơn trong đó có tiếng Việt.

3. Content Buddy (by Ismael Gonzalez)

Nếu Content Reel hỗ trợ tạo ra những nội dung ngẫu nhiên thì Content Buddy lại hỗ trợ tìm kiếm nội dung văn bản và thay thế những nội dung đó. Content Buddy work hầu hết trong các trường hợp như components, frames và group. Ngoài ra bạn có thể kết hợp 2 plugin Content Buddy (CB) và Content Reel (CR) với nhau để việc thay đổi các nội dung văn bản nhanh hơn, dùng CB để chọn các văn bản có nội dung giống nhau sau đấy dùng tiếp CR để thay đổi các nội dung vản bản đó ngẫu nhiên.

4. Figma Walker (by Kazushi Kawamura)

Figma Walker cho phép bạn có thể "nhảy" nhanh tới một frame hoặc một page bất kỳ, plugin này đặc biệt hữu dụng khi làm việc trên 1 file có quá nhiều frame, plugin này thậm chí có thể tìm và gọi luôn 1 components. Một lưu ý đặc biệt là nếu bạn muốn tối ưu hoá việc tìm kiếm các frame hoặc page thì phần naming gọn gàng và có quy tắc là một điều không thể thiếu.

5. Interplay (by Michael Fitzgerald)

Interplay kết nối với bộ design system code của bạn, nó cho phép truy cập và sử dụng component ngay trên Figma. Bạn có thể chỉnh sửa các properties, thay đổi nội dung và kéo thả vào trong canvas của Figma, plugin này có thể không áp dụng cho hệ thống design của bạn nhưng nó đóng một vai trò tuyệt vời cho việc tham khảo cho việc tạo ra các component như cách tổ chức layer, naming layer. Hiện tại nguồn resource của Interplay khá khiêm tốn chỉ mới có Ant Design và ReactBoostrap, hy vọng trong tương lai sẽ có nhiều resource để chúng ta tham khảo được nhiều hơn.

6. Map maker (by Kazushi Kawamura)

Với những màn hình bắt buộc người dùng phải tương tác với bản đồ, chắc hẳn ai trong chúng ta cũng đã từng lên Googlemap, sau đó tìm kiếm địa điểm rồi chụp hình lại và kéo thả vào trong figma. Với Map maker bạn không cần phải lên google nữa mà chỉ cần thao tác trực tiếp trên Figma là đã có 1 layer cho bản đồ rồi, ngoài ra nó còn hỗ trợ custome bản đồ bằng JSON. Một điểm mình cực kỳ thích Map maker so với Mapsicle là nó có thêm "Show Marker".

7. Similayer (by David Williames)

Nếu bạn có nhiều object trong một frame và muốn chọn ra những object liên quan để tiện cho việc chỉnh sửa (ví dụ chọn tất cả các text Title) thì Similayer sẽ giúp bạn thực hiện việc này, chỉ đơn giản là chọn 1 object sau đó chọn các thuộc tính liên quan tới object đó → Bùm bạn đã chọn được hết tất cả object.

8. Time maching (by Square)

Làm Product bắt buộc bạn phải cải tiến các tính năng hiện có liên tục, vì vậy số lượng lưu trữ các màn hình cũng tăng lên rất nhiều, những lúc thế này mình hay copy các màn hình liên quan tới tính năng đó và bỏ nó vào một Page khác trong Figma để đề phòng bất trắc sau này. Với Time maching, Plugin này sẽ tự động copy các màn hình bạn muốn lưu lại, bỏ vào 1 page tên là "Time Machine" và đặt tên cho Frame với ngày được lưu.

9. Unplash (by Unplash)

Nói về ảnh thì không thể không nhắc tới Unplash – nguồn ảnh miễn phí, đa dạng và đẹp nhất đối với mình. Với Unplash plugin bạn có thể chèn một hình ảnh ngẫu nhiên hoặc hình ảnh với danh mục cụ thể.

P/s: Unsplash License cho phép hình ảnh được sử dụng tự do cho các dự án thương mại và cá nhân.

Trên đây là những plugin mà mình cảm thấy cần thiết theo góc nhìn của mình mà bạn có thể dùng để tham khảo, tất nhiên vì mới launch nên sẽ có một số hạn chế nhất định. Hy vọng trong tương lai một số lập trình viên có thể tiếp tục ra lò những plugin hay ho nữa để contribute cho cộng đồng designer dùng Figma này (ví dụ như một cái plugin nào đó giống content reel nhưng hỗ trợ tiếng Việt chẳng hạn).

[devsnews]

React is a JavaScript library for building user interfaces. It is used to create interactive UIs for single-page applications. React components are self-contained, reusable pieces of code that can be composed to make complex UIs. React also allows developers to create reusable components shared across projects. This article tries to review react from a designer's perspective.

[fluidshell]

We are eventually going VST. And we have a roadmap : 3 plugins to begin with. The EQ1979 is already working as a JSFX plugin. Support us to help develop them faster by becoming a Patron (on Patreon) or tipping us with Ko-fi. http://patreon.com/Fluidshell http://ko-fi.com/fluidshelldesign

[weeetek]

Ticket to Ride game screen design.

Prototyped in Figma.

[themepluginpro]

Download BioLab - Personal Portfolio, CV PSD Template on themeforest

Description BioLab - Personal Portfolio, CV PSD Template :

Download BioLab - Personal Portfolio, CV PSD Template.. The Theme releases on Tuesday 9th March 2021 By The Author s7template on Themeforest. It’s uses for business card,clean,clean item,creative,cv,dark,light,minimal,onepage,personal,responsive,resume,ui design,ui ux,vcard. Theme Title: BioLab - Personal Portfolio, CV PSD Template Category: ui-templates/photoshop/creative/portfolio Price: $7 Author: s7template Published Date: Tuesday 9th March 2021 09:43:53 AM More Info / DownloadDemo

BioLab – Personal Portfolio, CV PSD Template

BioLab is a personal portfolio psd template which is modern, clean, professional, creatinve and presentable. It is suitable for any personal portfolio, for web designers and developers, UI designers or any other person can show his works using this psd template. We have included a documentation file, to guide you through the psd. If you have any further questions, you can let us know. We will be more than happy to help you.

This PSD is clean, creative and looks great when you want to give instant impression to users.It is based on Bootstrap or Grid 1170px. The width is 1920px

PSD file

01_Home Page

02_service_details

03_portfolio_details

04_contact

05_news

06_news_details

Google fonts

DM Sans

Graphics Used

Bootstrap

FontAwesome

Freepik

Unsplash

Pexels

Note:

While images and illustration are not included in the download package – but if you need the images and illustration please feel free to contact with us.

This Template is not WordPress Theme, and can’t be installed in WordPress.

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

s7template

More Info / DownloadDemo #BioLab #Personal #Portfolio #PSD #Template

[bridgeweb]

The Ultimate Guide to UI and UX Design in Toronto Ever sat on a website and didn't have the foggiest idea what to do? Or then again couldn't discover the menu? These are for the most part instances of inadequately thought UX. The way into any website succeeding is to make the client think as meager as could be expected under the circumstances. This portrays a client will consistently pick the most readily accessible answer for their concern. Subsequently, a site ought to be as simple to explore and immediate as conceivable while as yet holding the style. Alright, yet What are UX and UI? I'm not catching it's meaning? UX-or User Experience designer is answerable for making an item – or site that clients will discover simple to utilize and charming. UI or User Interface Designer is answerable for the look, feel, and focal point of the website's style and stylish design. From numerous points of view, these jobs fall connected at the hip. A fruitful website tumbles to two things: Is it simple to utilize, and its feel. A website can look amazing and advantage gigantically from all around considered design, yet on the off chance that the client can't discover what they are searching for effectively, eventually, they will surrender and leave. Also, a website that has an awesome interface however looks appalling won't draw in with a client. Read more at www.bridgeweb.ca #Graphic_design #Logo_design #Graphic_design_in_toronto #toronto_graphic_design #toronto_ux_design #ui_design #ux_design #toronto_ui_design #ui_design_in_toronto #ux_design_in_toronto #best_ux_design #how_to_ux_design #ux_design_service #free_ux_design #ux_design_sample #ux_design_for_app #ui_design_sample #best_ui_design #ui_design_service #ui_design_company #ui_design_service_in_toronto #ux_design_company #ux_designer #ux_developer #ux_builder #ux_maker #ui_designer #ui_developer #ui_builder (at Toronto, Ontario) https://www.instagram.com/p/CFeD3qRjOe8/?igshid=1fg8qpwladkis

[yudiz123blog]

Nowadays to get the fast loading of a website generally AMP (Accelerated Mobile Pages) is used. AMP is an open-source project. For an interactive website, we generally use sliders but, in AMP we are not allowed to use external CSS and JS. Here, we will show a way to add a responsive slider in AMP. Juct click on the link & read.

[nehaarticles]

Software Engineering | User Interface Design

[hoseinkm89]

🖌️فرآیند طراحی بر اساس استاندارد CIW برای طراحی فرآیندهای مختلفی معرفی شده که هر کدام مزایا و معایبی دارند. به نظر شما فرآیند پیش رو چقدر کاربردیست؟ -- منتظر نظرهای شما هستم❤️ -- #CIW #Design_process #Workflow #Planning -- -- 👈 دوستان خود را دعوت کنید 🌷 -- -- 🆔@HK_UIUX 🆔@HK_UIUX 🆔@HK_UIUX -- -- #UIdesign #UXDesign #Interface #Design #UI #UX#Application #Minimalism #Interface_design #Art #Designer #UX_Designer #UI_Designer #sketch #Figma #Photoshop #color #طراحی #طراحی_سایت #طراحی_تجربه_کاربری #مینیمالیسم #گرافیک #هنر #طراحی_گرافیک (at Tehran, Iran) https://www.instagram.com/p/CD4EjHSARrp/?igshid=yluo7k1exawd

[pixency]

✍️Flooring service home page design

We have designed thousands of web pages. When you create a website for your business, you must hire a skilled designer. Otherwise, you will get UI / UX or development-related problems.

👉Our Portfolio here: View

We are available for hire Full-time (Remote), Contract or Project base.

Project Inquiry: 💌Mail: hello@pixency.com 🌐Web: UI&UX Service

[eggpressonet]

Tại sao sử dụng Question labels cho các trường trong biểu mẫu sẽ thu hút người dùng hơn?

Giữa một câu hỏi và một từ đơn, bên nào sẽ khiến bạn suy nghĩ nhiều hơn? Khá là chắc kèo câu trả lời của bạn sẽ là "một câu hỏi".

Khi các trường (fields) trong biểu mẫu sử dụng Question labels (Các nhãn dạng câu hỏi), người dùng sẽ suy nghĩ nhiều hơn về thông tin mà họ sẽ điền, bởi lẽ những câu hỏi gây thu hút hơn là một vài từ đơn ngắn ngủn. Con người là sinh vật có tính xã hội, vì thế họ thường có xu hướng trả lời các câu hỏi trong hội thoại hàng ngày như một phản xạ có điều kiện. Vì thế, Question labels sẽ kích thích người dùng phản hồi và khiến họ phải suy nghĩ.

Người dùng càng suy nghĩ nhiều thì sẽ càng giảm khả năng họ điền thông tin không chính xác. Không chỉ vậy, điều này cũng sẽ giúp giảm khả năng người dùng bỏ qua biểu mẫu. Bỏ qua một trường có nghĩa là họ từ chối trả lời câu hỏi. Bởi vì hầu hết người dùng đều muốn hoàn thành việc điền biểu mẫu, họ sẽ nhận ra không trả lời câu hỏi thì họ không thể tiếp tục.

Một lợi ích khác của việc sử dụng Question labels là chúng có thể giúp mô tả loại dữ liệu. Ví dụ, một label như "Storage" là một từ đơn và không có nhãn mô tả (descriptors) gì. Tuy nhiên, Question label như "How much storage?" giúp người dùng hình dung dữ liệu như một thứ có thể định lượng được. Những chi tiết tinh tế như vậy sẽ giúp người dùng suy nghĩ về dữ liệu họ sẽ điền cho mỗi trường.

Tối ưu Label Flow

Khi sử dụng Question labels, bạn không nên để nó quá dài. Đó là lý do bạn cần tạo ra một flow tối ưu cho Label của các trường thông tin từ đầu đến cuối biểu mẫu.

Biểu mẫu của bạn nên bắt đầu với một tiêu đề nêu rõ nhiệm vụ cần thực hiện. Tiêu đề nên được thiết kế lớn, đậm, và chú trọng đến hành động (action-oriented). Ví dụ, tiêu đề như "Buy Pro Computer" sẽ chỉ rõ nhiệm vụ mà người dùng cần hoàn thành là gì.

Theo sau tiêu đề là Question label cho các trường nhập thông tin. Những Label này nên được viết như một sự tiếp diễn của tiêu đề hơn là một câu hỏi độc lập. Chẳng hạn, sau tiêu đề "Buy Pro Computer", label tiếp theo nên là "Which model?" thay vì "Which model would you like?". Cắt bớt số lượng chữ trong label sẽ giúp người dùng dễ scan hơn.

Một Commanding label (Nhãn dạng mệnh lệnh) có tốt hơn một Question label? Chẳng hạn, "Choose a model" là một Commanding label. Một mệnh lệnh truyền đạt yêu cầu với một giọng điệu hung hăng có thể sẽ khiến người dùng mất hứng. Ngược lại, Question labels thường mang một tông giọng cởi mở và thân thiện, nhờ đó thu hút người dùng hơn.

Bên cạnh đó, Question labels cũng mang nặng information scent (những thông tin chỉ dẫn người dùng đến đích họ cần) hơn là một Commanding labels. Sử dụng Commanding labels có thể gây ra sự th���a thãi vì chúng đều bắt đầu bằng "Choose a...". Với Question labels, bạn có thể tùy biến nó theo cách mô tả kiểu dữ liệu. Một vài biến thể mà bạn có thể sử dụng cho một Question Label như: Which..., What…, When…, Where…, Who…, Would you like…, Do you want…, Will you…, Are you…, How much…, How many…

Xác nhận cho cuộc trò chuyện

Đây là một cách tiếp cận mới để xác nhận dữ liệu người dùng đã điền. Và nó chỉ hiệu quả khi đi kèm với Question label. Question labels đưa cho người dùng 1 câu hỏi, và họ sẽ trả lời bằng cách chọn một lựa chọn hoặc là nhập dữ liệu của riêng mình. Sau đó, biểu mẫu sẽ phản hồi với một dòng chữ xác nhận bên cạnh Question label.

Chẳng hạn, sau khi người dùng đã chọn, bạn có thể xác nhận bằng cách cho thể hiển thị dòng "Nice choice!" để người dùng an tâm là họ đã thực hiện thao tác thành công. Bằng cách này, việc thực hiện các tác vụ trên giao diện sẽ trở nên giống như một cuộc hội thoại. Mặc dù nó không phải một cuộc hội thoại thật sự, nhưng trong tiềm thức người dùng vẫn sẽ cảm nhận được có ai đó đằng sau thiết kế kia đã bỏ công bỏ sức ra săn sóc những trải nghiệm của họ.

Nguồn: Why Question Labels on Form Fields Engage Users More

[mobinahabibii]

.

ui_design

| To Do_app |

| @mobinahabibii |

| @saaru.ir |

| @inosoft.ir |

●Manage your tasks and time!

●Light mode

●Google play

Whats your comment?!

•

• _________________________________________________________________

[virtualcoffeelover-blog]

#UX #UI #Website #UI_Design

[jubed360]

Register & log in Screens for Mobile App

#login_register #login_interface #ui_design #fresh_look_app #iphone_application