[B! resource][ui] tri-starのブックマーク

ゲームUI素材の作り方まとめ【2020年6月後半】

6月中旬からはじめた「ゲームUI素材の作り方」画像が増えてきたので、振り返りの意味も込めてまとめました。ちなみに、「ゲーム関連のデザインで何に興味があるか」というアンケートをとりました。結果は、下記の通り。ボタンやゲージなどの「UIパーツの作り方」が最も多かったです。この辺りも考慮に入れて、作り方の1枚画像をアップしていこうと思っています。最近、1枚画像芸になりつつありますが・・・ UI素材（ボタン、ゲージ他）戻るボタンの作り方これは、ゲームアプリ「連結だいすき」のゲーム UIデザインをしたときに作成したボタンです。属性アイコン（水）の作り方ソシャゲでおなじみの属性アイコンです。戦闘時に敵と自分の属性で威力が変わるというゲームシステムはよく見かけますよね。フラットボタン（光彩）の作り方ゲームでも、フラット系のUIデザインが流行っています。今回は光彩を強めにつけました。こ

tri-star 2020/07/01

ui
resource

リンク

Eva Design System

Eva Design AssetsDesign Assets easily adapta ble to your brand. Available for Sketch and Figma component libraries, based on Eva Design System.

tri-star 2019/07/17

リンク

ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ – Adobe Creative Station

ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでしょうか？そこで、Wiresを日本向けに再構築したUIキットWires jpを用意しました。 Webサイトのワイヤーフレームを作成する時に必要な構成要素の中で、使用頻度が高いものはおおよそ決まってきます。オリジナルのWiresを参照しつつ、日本での作業を念頭に、ワイヤーフレーム作成時に使用頻度が高いと考えられる要素を厳選して構築したのがWires jpです。ラベル等のテキストも日本のサイトのものらしさを意識しました。 WiresにはWeb用とモバイル用の2つのファイルがありますが

tri-star 2019/06/02

リンク

アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、自由にご利用いただけます。