西川善司の「試験に出るゲームグラフィックス」(11)「ストリートファイターV」における高密度なノンフォトリアル表現,そのレシピを探る・後編 ライター:西川善司 前編の後,筆者側の都合で中編の掲載まで時間がかかってしまった「ストリートファイターV」(PC / PlayStation 4,以下 ストV)編も今回の後編で最後となる。 今回は,ストリートファイターVの独特なアートスタイルを実現しているシェーダのメカニズムや独特な色調整システムなどについて取り上げる。 それと,普段のプレイ画面では見えないところまで作り込んである背景などのネタばらしなどは,一般のゲームファンにとっても楽しめる内容になっているはずだ。 関連記事 西川善司の「試験に出るゲームグラフィックス」(10)「ストリートファイターV」における高密度なノンフォトリアル表現,そのレシピを探る・中編 前編の掲載から長らくお待たせしてしま
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです) デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう?」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか?」と質問するのが何か新しい画面を作るときに必ず発生していました。 「(いつも聞いてる
GMUNK is a visionary whose creativity and innovation span a diverse range of mediums, and has established himself as one of the top visual design directors in the world. Utilizing a fusion of psychedelic themes and richly textured palettes, his signature style is enigmatic, atmospheric, and metaphysical – much like the Munky himself.
Netflixによると、ユーザーが新しい作品を探している時、視聴するかどうかの決定には作品ページの背景に表示される「アートワーク」が非常に大きな役割を果たしているとのこと。アートワークは作品中の一場面を切り取って生成されたものなのですが、ユーザーを引き付けるべく、生成にはNetflix独自の技術が詰め込まれています。一体どのようにしてアートワークを生成しているのかについて、Netflixが解説しています。 AVA: The Art and Science of Image Discovery at Netflix https://medium.com/netflix-techblog/ava-the-art-and-science-of-image-discovery-at-netflix-a442f163af6 新たな作品が次々と登場していく中で、Netflixはその作品のユニークな要素
ハロー、@seto_hiです。 北海道で避暑をしています。 アプリ開発をしていると様々なコンバージョン率がKPIになることは多いですが、誠実さを欠いたUIを作ると数字がよく伸びることが稀によくあります。 そういったものは一時的な利益には繋がりますが、長期的な利益には繋がらないと考えています。 自分が今後そういったUIを作らないための予防線としてこの記事を書きます。 不利益の排除 ・不利益な動線を奥深くに隠す ・ユーザーが設定を変更する手間を増やす ・「メールマガジンの解除にはメッセージを送ってください」 ・「メールマガジンの解除にはログインが必要です」 ・過度に警告を表示する ・「この設定をOFFにするとアプリが正常に動作しなくなる可能性があります」 ・「本当にOFFにしてよろしいですか」 ・不利益な動線を目立たなくする ・不利益な動線のシグニファイアを消す ・スマートフォンならスクロール
任天堂オマージュのネット文化を逆手に取って再構築──『スプラトゥーン2 オクト・エキスパンション』に見る“ヴェイパーウェイヴ”との関係性 2018年6月14日、Nintendo Switchで人気のアクションゲーム、『スプラトゥーン2』のダウンロードコンテンツとして公開された『オクト・エキスパンション』(以下、『オクト』)。 「スプラトゥーン2」の有料追加ダウンロードコンテンツ、「オクト・エキスパンション」の配信が開始された! タコの主人公「No.10008」、通称「8号」が、アタリメ司令やテンタクルズの助けを借りて、謎の実験施設からの脱出を図る。 80以上のチャレンジを乗り越え、地上を目指せ! pic.twitter.com/3xIteFUV37 — Splatoon(スプラトゥーン) (@SplatoonJP) June 14, 2018 難度、ストーリー、音楽ともに高い評価を博してい
Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.
2018年6月2日に東京・下北沢の書店「本屋B&B」で「[京極夏彦×装丁夜話]京極夏彦の版面」というイベントが開催された。このイベントを企画したのは、装丁家の折原カズヒロさんと坂野公一さん。今回は、坂野さんがこれまでに何冊もの装丁を手掛けた作家京極夏彦さんを呼んで、版面(はんめん、はんづら)づくりの詳細を語ってもらった。 今回はその後編である。 前編はこちら http://jbpress.ismedia.jp/articles/-/53511 ルビを振る基準のマニュアルを作成 版面をパッと見たときに、ルビの存在はかなり大きなウェイトを占めていることがわかります。傍点よりも存在感があるわけで。難読漢字には比較的画数の多い漢字が多いです。画数の多い漢字の横にルビがあるかないかは、大きな問題になります。 さらに、ルビには位置の問題があります。肩付き、中付き、3字ルビ(1文字の漢字に3文字のルビが
そういう作業を読者に強いるわけですから、版面や字面でもそこはある程度示してやらなくてはならない。ブロックを漫画のコマと考えるなら、それぞれに時間の流れ方が違っているわけだし、同じブロックの中でも文節や文意で見せ方は変わっているべきです。それも一目でわかるようにしなきゃいけない。 本をパッと開いたとき、もちろん文章は読めていなくとも、版面は目に入っています。形として似ていれば、内容も類似していると脳は判断します。だから、たとえば同じことを別の形で説明しているパートは形(行数や、最終行の長さなど)を似せてやったりするわけですね。もちろん同じテクニックで読者を意識的に騙すこともできます。 見開きの中に、情報をどんな形でどのように配置するかはとても大事なことだと考えています。もちろん「見た目」としてはグラフィックデザインの領域なんでしょうが、小説の場合はむしろ意味や時間が重要視されるわけです。すべ
初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。(ダウンロードする際にオプトインされるため、許可率は100%になる。) iOSやWeb Browser
装飾用の画像は、互い違いになったリストのレイアウトで使われていると、ページを流し読みするユーザーがつまずく原因になることが、アイトラッキング調査でわかった。一方、テキストや画像が縦に整列しているページでは、ユーザーは効率的に流し読みをしていた。 Zigzag Image–Text Layouts Make Scanning Less Efficient by Kim Flaherty on November 26, 2017 日本語版2018年6月27日公開 画像は、大きな写真であれサムネイルであれ、現在のWebデザインには欠かせないものだ。特に、トップページや「こういう仕組みです」(How it works)ページのようなストーリーを伝えるページで、企業が複雑なトピックについて書いたり、製品の説明をするときには、関連する画像を付けた説明的なテキストのかたまりがあり、次の列も同じようなテキ
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
商用でも無料で利用できるネコの写真素材を紹介します。 仕事や作業の合間に、癒やされたい人用の写真素材がたっぷり揃っています。 Pexels Cats まずは、重要なライセンスから。 CC0で、個人でも商用でも無料で利用できます。写真を修正、コピー、配布することもでき、クレジット表記などの帰属は必要ありません。詳しくは、ライセンスページをご覧ください。 ライセンスページ Pexels Catsは元々、エイプリルフールのねたとして公開されたのですが、そのままカテゴリとして残ることになったようです。公開時はトップページがネコに変わってびっくり、というデザインでしたが、現在ではカテゴリとして存在しています。 写真のダウンロードは、各ページの「Free Download」をクリックするだけです。登録など、面倒なことは一切不要です。 人気が高いネコの写真をいくつか見てみましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く