Giới thiệu nhẹ nhàng về Figma cho người yêu thích phác thảo tay – kỹ năng sáng tạo
Nếu bạn tư duy bằng bút chì, Figma có thể cảm thấy lạ lùng và trừu tượng. Bạn không thể xoay màn hình, làm mờ một cạnh hay bóc một lớp ra khỏi bàn. Tuy nhiên, chính những thói quen giúp bạn vẽ phác thảo và tạo mẫu vật lý lại chuyển hóa tự nhiên vào công cụ thiết kế này. Giới thiệu về kỹ năng sáng tạo và thực hành thiết kế này coi Figma như một bàn làm việc khác: nơi để sắp xếp, thử nghiệm và chỉnh sửa ý tưởng mà không mất đi tư duy tiếp xúc đã khởi nguồn chúng.
Đối với bất kỳ ai đang tìm hiểu cách học Figma cho người mới yêu thích phác thảo tay, mục tiêu không phải bỏ giấy. Đó là xây dựng một chiếc cầu tĩnh lặng từ trang giấy sang màn hình, từng bước nhỏ một.
Hãy nghĩ canvas như một tờ giấy
Mở Figma và bạn sẽ thấy một canvas lớn, nhạt màu. Nó hoạt động như một tờ giấy vô tận có thể chứa nhiều trang cùng lúc. Thay vì zoom vào mọi chi tiết ngay lập tức, hãy đặt frame đầu tiên gần trung tâm. Frame đơn giản là một trang giới hạn, giống một hình chữ nhật trong sổ phác thảo. Frame có thể đại diện cho màn hình điện thoại, áp phích, thẻ hoặc bất kỳ định dạng cố định nào bạn muốn thiết kế.
Bắt đầu bằng cách tạo hai hoặc ba frame có cùng kích thước. Đặt chúng cạnh nhau. Đây là phiên bản màn hình của việc vẽ nhiều ý tưởng thu nhỏ liên tiếp. Khoảng cách giữa các frame là lề làm việc: hữu ích cho ghi chú, mảnh vỡ và so sánh.
Giữ chế độ xem thoải mái. Zoom cho đến khi toàn bộ frame hiển thị, sau đó để đủ không gian xung quanh để “thở”. Figma thưởng cho sự quan sát kiên nhẫn hơn là nhấp chuột nhanh.
Sử dụng hình dạng như cách bạn dùng nét bút chì
Các công cụ hình chữ nhật, hình ellipse, đường thẳng và mũi tên là phiên bản kỹ thuật số của các nét vẽ cơ bản. Bắt đầu với các khối thô thay vì các thành phần hoàn thiện. Vẽ một hình chữ nhật cho hình ảnh, một hình nhỏ hơn cho tiêu đề và một thanh mỏng cho văn bản hỗ trợ. Đây là wireframing: một bố cục thô thể hiện cấu trúc trước khi có kiểu dáng.
Đừng lo lắng về việc căn chỉnh hoàn hảo lúc đầu. Di chuyển hình dạng bằng chuột hoặc trackpad, nhân bản chúng và thử các bố cục khác nhau. Việc nhân bản đặc biệt hữu ích. Thay vì vẽ cùng một phần tử nhiều lần, hãy sao chép nó và chỉnh sửa bản sao, giống như bạn có thể sao chép một hình dạng lên tờ giấy khác.
Khi bạn muốn kết quả sạch hơn, hãy sử dụng các điều khiển căn chỉnh. Chọn hai hoặc nhiều đối tượng và căn chỉnh các cạnh của chúng hoặc phân phối không gian giữa chúng. Hãy coi các công cụ này như thước kẻ và ê-ke, không phải là một quyền lực cứng nhắc.
Các lớp giống như chồng giấy acetate
Mọi đối tượng đều nằm trong bảng Layers ở bên trái. Người mới thường thấy danh sách này khó hiểu, nhưng những người làm thủ công nhận ra nó ngay lập tức: đó là chồng các tờ giấy trong suốt. Lớp trên cùng nằm trên các lớp khác; lớp dưới cùng nằm phía sau chúng.
Chọn một đối tượng trên canvas và xem tên của nó xuất hiện trong danh sách. Đổi tên các lớp quan trọng để bạn có thể tìm thấy chúng sau này. Nhóm các phần liên quan lại với nhau khi chúng thuộc về một đơn vị, chẳng hạn như một nút bấm hoặc một thẻ nhỏ. Việc nhóm cho phép bạn di chuyển toàn bộ đơn vị mà không làm xáo trộn các thành phần của nó.
Nếu thứ gì đó biến mất, hãy kiểm tra thứ tự lớp trước khi hoảng sợ. Bạn có thể đã đặt nó phía sau một hình chữ nhật đặc. Thói quen nhỏ này ngăn chặn hầu hết sự bực bội ban đầu.
Chữ là vật liệu, không phải trang trí
Văn bản trong Figma hoạt động như một dải vật liệu có thể được kéo giãn, xếp chồng và di chuyển. Chọn kích thước hộp văn bản để từ của bạn có đủ không gian, sau đó điều chỉnh cỡ chữ và khoảng cách dòng cho đến khi khối văn bản cảm thấy cân bằng.
Sử dụng độ tương phản mạnh giữa tiêu đề và văn bản gốc. Tiêu đề nên cảm thấy như một nhãn đậm; văn bản gốc nên đọc một cách bình tĩnh. Tránh quá nhiều cỡ chữ. Hai hoặc ba cỡ thường tạo ra nhịp điệu rõ ràng hơn một bộ sưu tập các lựa chọn gần như giống nhau.
Đọc to văn bản của bạn khi bạn đặt nó. Nếu một dòng trở nên vụng về hoặc quá hẹp, hãy mở rộng hộp hoặc viết lại câu. Chữ kỹ thuật số có thể chỉnh sửa, vì vậy hãy coi việc sửa đổi là một phần của quá trình tạo.
Màu sắc và kiểu dáng nên đi theo đối tượng
Bắt đầu với một bảng màu tiết chế. Chọn một nền, một màu văn bản chính, một màu nhấn và một hoặc hai màu hỗ trợ. Áp dụng màu sắc như thể bạn đang chọn loại giấy hoặc sơn. Mỗi màu nên có một công dụng.
Sử dụng fill cho các bề mặt đặc và stroke cho đường viền. Giữ các góc nhất quán giữa các đối tượng tương tự. Nếu một nút bấm có các góc bo tròn, hãy quyết định xem thẻ và hình ảnh nên lặp lại sự mềm mại đó hay tương phản với nó. Sự nhất quán khiến màn hình cảm thấy được cân nhắc mà không trở nên khô cứng.
Lưu các lựa chọn lặp lại dưới dạng style khi bạn đã sẵn sàng. Một color style giống như pha một mẻ sơn một lần và sử dụng lại nó. Nó giúp các thay đổi sau này dễ quản l�� hơn.
Tạo một nguyên mẫu đơn giản từ bản phác thảo của bạn
Khi frame của bạn có đủ nội dung, hãy kết nối chúng thành một luồng nhỏ. Chế độ nguyên mẫu của Figma cho phép bạn vẽ liên kết từ một đối tượng sang frame khác. Một khách truy cập có thể nhấp vào nút và chuyển sang màn hình tiếp theo, giống như lật trang trong một storyboard giấy.
Bắt đầu với ba khoảnh khắc: màn hình nhập, điểm quyết định và kết quả. Tự kiểm tra luồng trước. Đặt câu hỏi đơn giản: Mắt nhìn đi đâu? Hành động tiếp theo có rõ ràng không? Chuỗi có cảm thấy tự nhiên khi bạn di chuyển qua nó nhanh chóng không?
Các liên kết nguyên mẫu không thay thế cho cấu trúc được cân nhắc. Chúng là một cách để trải nghiệm thời gian và trình tự trước khi bất kỳ thứ gì được xây dựng.
Một thực hành tĩnh lặng cho tư duy tiếp xúc
Sử dụng một quy trình có thể lặp lại. Phác thảo trên giấy trước. Chụp ảnh hoặc quét các ý tưởng mạnh mẽ nhất. Xây dựng một frame thô trong Figma bằng hình chữ nhật và văn bản. So sánh phiên bản màn hình với bản phác thảo gốc, sau đó điều chỉnh các phần đã mất đi tính cách của chúng. Thêm màu sắc và chi tiết chỉ sau khi cấu trúc cảm thấy đúng.
Làm việc trong các phiên ngắn. Thực hiện một thay đổi có ý nghĩa, lưu tệp của bạn và rời đi. Đôi mắt tươi mới tiết lộ các vấn đề về khoảng cách và thứ tự ưu tiên không rõ ràng nhanh hơn một vòng chỉnh sửa nhỏ khác.
Giữ một thư viện nhỏ các ví dụ của riêng bạn. Lưu một nút bấm, một thẻ, một thanh điều hướng đơn giản và một bộ màu yêu thích. Sử dụng lại các quyết định của riêng bạn khiến công cụ cảm thấy quen thuộc và giữ sự chú ý của bạn vào ý tưởng thay vì giao diện.
Giữ bàn tay trong quá trình
Figma không yêu cầu bạn trở thành một loại người làm khác. Nó cho các bản phác thảo của bạn một nơi để được sắp xếp lại, chia sẻ và thử nghiệm. Kết quả tốt nhất đến từ việc di chuyển qua lại: bút chì sang màn hình, màn hình sang bút chì, thô sang tinh.
Hãy kiên nhẫn với giao diện và hào phóng với những nỗ lực đầu tiên của bạn. Học canvas, hình dạng, lớp, chữ, màu sắc và các liên kết nguyên mẫu như các kỹ năng riêng biệt. Together chúng tạo thành một thực hành studio thực tế cho những người sáng tạo thủ công muốn công việc kỹ thuật số của họ cảm thấy được cân nhắc như những thứ họ làm bằng tay.
