Bài viết về chặng đường đến giải thưởng Apple Design Award của nhóm Affinity. Một giải thưởng giá trị mà các lập trình viên hằng mơ ước
Klemens Strasser đã thắng giải thưởng Apple Design Award với dự án lớn đầu tiên của mình, mặc dù anh hoàn toàn không được đào tạo về thiết kế. Bạn thấy nó có dễ dàng không, hả?
Khi Affinity team có mặt tại WWDC 2015 với giải thưởng Apple Design Award cho phần mềm Affinity Designer, thì cậu thiếu niên người Áo Klemens Strasser cũng là một trong số những người chiến thắng với game đố vui Elementary Minute - dự án lập trình nghiêm túc đầu tiên của anh ta.
Kể từ đó, Klemens đã trở thành một tín đồ Affinity Designer thực sự. Chúng tôi đã yêu cầu anh ấy chia sẻ câu chuyện của anh ấy và những lời khuyên quý giá nhất để thiết kế trò chơi thành công.
Mặc dù tôi thích một nền giáo dục rộng hơn về kỹ thuật điện và khoa học máy tính, tôi chưa bao giờ học được gì về thiết kế ở trường lớp.
Chỉ đến khi tôi bắt đầu tự học cách tạo ra một ứng dụng iOS, tôi mới nhận ra việc có được kỹ năng này quan trọng đến mức nào.
Ở phiên bản đầu tiên của game Elementary Minute, tôi đã thực hiện mọi thứ bằng các dòng code. Khi cần so sánh các thiết kế khác nhau, tôi phải chụp lại màn hình khi ứng dụng đang chạy trong chế độ giả lập, thay đổi các dòng lệnh, chạy lại và sau đó đặt hai ảnh chụp màn hình cạnh nhau trong một trình xử lý văn bản để so sánh.
Việc lặp đi lặp lại thao tác trên là một cực hình. Trong buổi ra mắt trò chơi của mình, tôi tình cờ gặp Affinity Designer và nó đã thay đổi quy trình làm việc của tôi mãi mãi.
Nó giúp tôi tinh chỉnh Elementary Minute cho iPhone trong từng cách đơn lẻ, là điều cần thiết trong việc tạo ra Elementary Minute cho Apple Watch và do đó, đã giúp tôi nhận được giải thưởng Apple Design Award (thư mục sinh viên) cho trò chơi nhỏ này.
[embed]https://youtu.be/4PuOKxzOlgg[/embed]
Ngày nay, tôi sử dụng Affinity Designer trong mỗi bước tạo ứng dụng. Mọi biểu tượng, mọi màn hình, mọi nhân vật và mọi logo bạn thấy trong các ứng dụng của tôi đều được phác thảo và tinh chỉnh với ứng dụng tuyệt vời này.
Tôi đã học được rất nhiều điều trong ba năm qua và tôi muốn chia sẻ một số lời khuyên về thiết kế trò chơi đồ họa với bạn. Tất nhiên là những điều dưới đây này không phải là kim chỉ nam. Có rất nhiều thứ để khiến một trò chơi thành công hơn là tuân theo một bộ quy tắc đơn giản.
Những yếu tố như thời gian, marketing và may mắn luôn có một vai trò to lớn. Nhưng có một số sai lầm mà bạn có thể tránh nếu tham khảo các điều dưới đây.
Điều 1: Đừng e ngại
Nếu bạn bắt đầu làm một trò chơi mà chưa bao giờ làm việc với một phần mềm đồ họa vector như Affinity Designer, thì điều đó hơi đáng sợ. Nhưng hãy dẹp e ngại qua một bên. Một trò chơi tuyệt vời không yêu cầu một giao diện đồ họa phức tạp (xem Thomas Was Alone). Điều tốt nhất mà bạn cần làm là bắt tay vào thực hành. Làm thật nhiều.
Affinity đã thiết lập sẵn một thư mục khổng lồ những hướng dẫn cần thiết để giúp bạn.
Nhiều gương mặt của trò chơi ô chữ Asymmetric, Klemens Strasser
Điều 2: Tạo ấn tượng cho nhân vật của bạn
Nếu như tạo một game thật dễ dàng, thì cũng có nghĩa là rất khó để để game mình tách ra khỏi các game đại chúng. Một trong những cách tốt nhất để đạt được điều đó là thông qua cách tạo hình nhân vật đáng nhớ.
Thường chỉ cần thêm một ít chi tiết, đủ làm cho nhân vật hoạt hình trở nên hài hước vu vơ hoặc đôi mắt ngớ ngẩn để gán cá tính nhân vật của bạn. Bạn có thể tham khảo trò chơi Threes by Sirvo làm ví dụ để thấy thậm chí những trò chơi giải đố đơn giản cũng có thể khai thác rất nhiều từ thủ thuật đó.
Điều 3: Chuyển động!
Tôi không đủ sức chịu đựng stress với sự khác biệt khổng lồ mà một vài hình ảnh động đơn giản có thể tạo ra cho một trò chơi. Thông qua hoạt hình, một cái gì đó cảm thấy cứng và vô hồn có thể được chuyển thành một cái gì đó đặt một nụ cười trên khuôn mặt của bạn. Điều này không chỉ đúng trong bản thân trò chơi, mà còn cho tất cả các menu của trò chơi.
Nếu bạn không bao giờ làm bất cứ điều gì với hoạt hình, tôi hoàn toàn có thể khuyên bạn nên xem loạt phim YouTube về Mười hai nguyên tắc hoạt hình cơ bản của Alan Becker.
Khi bạn đã sẵn sàng để bị bẩn tay, hãy tự thưởng cho mình một chương trình hoạt hình như Spine và kết hợp nó với xuất khẩu liên tục của Affinity Designer. Điều này làm cho một quy trình công việc tuyệt vời để chơi xung quanh với hình ảnh động.
4 màu
Giống như trong mọi phương tiện khác, màu sắc có thể được sử dụng trong các trò chơi để thiết lập tông màu của cảnh và vận chuyển cảm xúc. Nhưng màu sắc cũng có thể giúp bạn thu hút sự chú ý đến một số phần nhất định trong trò chơi của bạn và giải thích chức năng của chúng.
Trong các trận đấu trùm chẳng hạn, các bộ phận phát sáng màu cam thường chỉ ra nơi mà ông chủ dễ bị tổn thương. Hoặc nếu bạn làm một câu đố, đưa ra tất cả các yếu tố bạn có thể tương tác với cùng một màu có thể làm giảm sự thất vọng khi giải câu đố. Vì vậy, sử dụng màu sắc một cách khôn ngoan.
Chế độ độ phân giải cao để làm cho chữ dễ đọc hơn
5 Thiết kế cho mọi người
Khả năng tiếp cận thường bị bỏ qua trong thiết kế trò chơi. Nhưng nó chỉ là một nỗ lực nhỏ để mở trò chơi của bạn cho một số lượng lớn người chơi bị vô hiệu hóa.
Nếu trò chơi của bạn phụ thuộc vào màu sắc, hãy đảm bảo rằng màu sắc có thể phân biệt được với người da màu. Bạn có thể làm điều này bằng cách thay đổi màu sắc hoặc chỉ thêm các biểu tượng bên trong các yếu tố màu khác nhau giúp tách chúng ra.
Bạn cũng nên kiểm tra mức độ tương phản của văn bản và các yếu tố màn hình khác, thậm chí có thể thêm độ tương phản cao (xem bên phải) hoặc chế độ tối cho những người có thị lực kém.
Để biết thêm thông tin về chủ đề đó, hãy xem Nguyên tắc truy cập trò chơi.
6 Biểu tượng ứng dụng là chìa khóa!
(Ồ, và ảnh chụp màn hình cũng khá quan trọng
Nếu bạn đang thiết kế cho các nền tảng di động, Biểu tượng ứng dụng là một trong những điều quan trọng nhất cần xem xét. Vâng, bạn vẫn cần một trò chơi hay và đẹp mắt để thành công, nhưng mọi người thậm chí sẽ không nhìn vào trò chơi của bạn nếu Biểu tượng ứng dụng không hấp dẫn.
Nếu bạn có một biểu tượng hấp dẫn, hãy nhớ rằng hầu hết mọi người không nên đọc mô tả. Vì vậy, bạn có thể muốn thêm một số loại mô tả trên ảnh chụp màn hình của mình nếu chúng không tự giải thích.
Dưới đây là một số thiết kế từ Subwords trò chơi mới nhất của tôi. Nó có một sự pha trộn thú vị giữa một câu đố và một trò chơi chữ, trong đó các từ được chia thành các âm tiết và bạn phải đặt chúng lại với nhau càng nhanh càng tốt. Các từ ở mọi cấp độ được liên kết với một chủ đề nhất định, vì vậy bạn phải biết về chủ đề để giải quyết nó. Nhưng nó không có vấn đề gì nếu bạn không quen với một chủ đề cụ thể, bạn chỉ cần nhấp vào bóng đèn để tìm hiểu một cái gì đó mới!
Biểu tượng ứng dụng và ảnh chụp màn hình
Biểu tượng ứng dụng và ảnh chụp màn hình
7 Nhận một số phản hồi
Khi bạn làm việc trong trò chơi một mình hoặc trong một nhóm nhỏ, bạn sẽ trở nên quen thuộc với từng chi tiết nhỏ của nó đến nỗi khó có thể đánh giá các khía cạnh nhất định của trò chơi. Người chơi có biết những yếu tố nào là khó hiểu không? Là thực đơn tự giải thích? Là thợ máy này quá khó?
Những câu hỏi như thế này chỉ có thể được trả lời thông qua thử nghiệm. Theo tôi, nguồn tốt nhất để có được phản hồi như vậy là các hội nghị và lễ hội trò chơi. Những sự kiện này cung cấp cho bạn khả năng xem những người chơi không biết gì về trò chơi tương tác với nó. Đây là cách tốt nhất để tìm hiểu những gì hoạt động và những gì không.
Nếu bạn có thể đi đến hội nghị, bạn vẫn có thể nhận được phản hồi tuyệt vời bằng cách mời người lạ tham gia thử nghiệm beta. Và điều tối thiểu bạn có thể làm là thể hiện trò chơi của mình trên phương tiện truyền thông xã hội, với các hashtag như #craftinaffinity # Screenscreenaturday # indiedev # gamedev.
8 Chơi. Rất nhiều.
Nếu bạn muốn tạo ra một trò chơi hay, bạn nên có cảm giác về những gì tạo nên một trò chơi hay. Cách tốt nhất để có được cảm giác đó là thông qua chơi game! Vì vậy, làm điều đó!
Phút tiểu học trên iPad, iPhone và Apple Watch
Phút tiểu học có sẵn trên iPad, iPhone và Apple Watch
Đối với các trò chơi trên thiết bị di động, người chiến thắng giải thưởng Apple Design Award và trò chơi trong ngày của Apple hay trò chơi của năm là điểm khởi đầu tuyệt vời để tìm các trò chơi được chế tạo tốt trong App Store.
Nhưng don giới hạn bản thân trong những trò chơi tuyệt vời. Ngoài ra, hãy thử một số thứ không hấp dẫn và phân tích những gì có thể được thực hiện tốt hơn. Học hỏi từ những gì đã đến trước thay vì phát minh lại bánh xe.
Nguồn: https://affinityspotlight.com/article/how-to-win-an-apple-design-award/
How to win an Apple Design Award
Klemens Strasser won an Apple Design Award with his first major project, despite having absolutely no design training. Easy, huh?!
While the Affinity team were at WWDC 2015 being presented with an Apple Design Award for Affinity Designer, Austrian teenager Klemens Strasser was also among the winners, for the quiz game Elementary Minute—his first serious development project.
Since then, Klemens has become a real Affinity Designer devotee. We asked him to share his story—and his most valuable tips for successful game design.
Although I enjoyed a rather broad education in electrical engineering and computer science, I never learned anything about design in school.
It was only when I started to teach myself how to make apps for iOS that I realized how important it is to have this skill.
For the first version of my very first game, Elementary Minute, I did everything in code. To compare different designs, I made a screenshot of the app running in the simulator, change the code, run it again and then put the two screenshots side by side in a word processor for comparison.
Iterating was a pain. Around the launch of my game, I stumbled upon Affinity Designer and it changed my workflow forever.
It helped me to refine Elementary Minute for the iPhone in every single way, was essential in the creation of Elementary Minute for the Apple Watch and thus, helped me to get an Apple Design Award (Student Category) for this little game.
Elementary Minute promotional video
Nowadays, I use Affinity Designer in every step of the app creation. Every icon, every screen, every character and every logo you see in my apps was sketched up and refined with this wonderful app.
I learned a ton of things over the last three years and I wanted to share some advice about graphical game design with you. Keep in mind that this list is not definitive. There is more to making a successful game than following a simple set of rules.
Things like timing, marketing and a giant dose of luck always play a big role. But there are certain things you can avoid doing wrong, and that’s what this list is for.
1 Don’t be afraid
If you start making a game and have never worked with a vector drawing program like Affinity Designer, it feels kinda intimidating. But don’t shy away. A great game doesn’t require a complex graphics style (see Thomas Was Alone). The best thing for you is to get started and practice. A lot.
Affinity has created a huge catalogue of amazing tutorials to help you.
The many faces of Asymmetric, Klemens’ Strasser’s puzzle game
2 Make your characters memorable
It has never been easier to make a game, and thus, it has never been harder to stick out of the masses. A good way of achieving that is through memorable characters.
It often only takes little details, funny idle animations or goofy eyes to make your character stick. The game Threes by Sirvo is a great example that even simple puzzle games can benefit a lot from that.
3 Animate!
I can’t stress enough what a huge difference a few simple animations can make for a game. Through animation, something that feels stiff and lifeless can be transformed into something that puts a smile on your face. This is not only true in the game itself, but also for all of the game menus.
If you’ve never ever done anything with animations, I can strongly recommend watching the YouTube series on the Twelve Basic Principles Of Animation by Alan Becker.
When you are ready to get your hands dirty, treat yourself with an animations program like Spine and couple it with Affinity Designer’s continuous exporting. This makes for an awesome workflow to play around with animations.
4 Colour
Like in every other medium, colours can be used in games to set the tone of a scene and transport emotions. But colours can also help you to draw attention to certain parts in your game and explain their function.
In boss fights for example, orange glowing parts often indicate where the boss is vulnerable. Or if you’re making a puzzle, giving all elements you can interact with the same colour can lower the frustration of solving the puzzle. So use colour wisely.
5 Design for everyone
Accessibility is often overlooked in game design. But it only a little effort to open up your game to a broad number of disabled players.
If your game is reliant on colours, make sure that the colours are distinguishable for colourblind people. You can do this by changing colours or just adding symbols inside the different coloured elements help to keep them apart.
You should also check contrast levels of texts and other screen elements, maybe even add a high contrast (see right) or dark mode for people with low vision.
For more info on that topic, check out the Game Accessibility Guidelines.
6 App icon is key!
(Oh, and screenshots are pretty important too…)
If you are designing for mobile platforms, the App Icon is one of the most crucial things to consider. Yes, you still need a good, and good-looking, game to succeed, but people will often not even look at your game if the App Icon doesn’t look appealing.
If you have an appealing icon, keep in mind that most people don’t read the description. So you might want to add some sort of description on your screenshots if they are not self-explanatory.
Below are some designs from my latest game Subwords. It’s an exciting mix between a trivia and a word game, where words are split into syllables and you have to put them back together as fast as possible. The words in every level are bound to a certain topic, so you have to know about the topic to solve it. But it’s no problem if you aren’t that familiar with a specific topic, you can simply click the bulb to learn something new!
App icons and screenshots
7 Get some feedback
When you work on the game alone or in a small team, you will get so familiar with every tiny detail of it that it gets hard to judge certain aspects of the game. Does the player know which elements are intractable? Is the menu self-explanatory? Is this mechanic too hard?
Questions like these can only be answered through testing. In my opinion, the best source to get such feedback are conferences and game festivals. These events give you a possibility to watch players that know next to nothing about the game interact with it. It’s the best way to learn what works and what doesn’t.
If you can’t go to conferences, you can still get great feedback by inviting strangers to a beta test. And the least thing you can do is to show your game off on social media, with hashtags like #madeinaffinity #screenshotsaturday #indiedev #gamedev.
8 Play. A lot.
If you want to make a good game, you should get a feeling for what makes a good game. The best way to get that feeling is through playing games! So do that!
Elementary Minute is available on iPad, iPhone and Apple Watch
For mobile games, Apple Design Award winners and Apple’s Game of the Day or Game of the Year picks are a great starting point to find well-crafted games in the App Store.
But don’t limit yourself to the great games. Also, try some stuff that doesn’t look appealing and analyze what could have been done better. Learn from what has come before instead of reinventing the wheel.
