あなたが教わってるそのCSSテクニックはもう古い ｜ TAKLOGXの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。
「なんのために作るか分からへん」と愚痴っていたらPMさんが救ってくれた話 - Qiita
※今回はほぼ実話です。 システム開発会社勤務 プログラマーワイ ワイ「さあ、今日も開発をしていこか」 ワイ「とあるWebサービスの管理画面を作らなアカンのや」 ワイ「今日は、どんな機能を作らなアカンのやったかな」 ワイ「せや、クライアントさんからもらった機能一覧.xlsを見てみよか」 ワイ「あとは、デザインデータも見ながら、詳細設計書でも作っていこか」 ワイ「・・・ふーむ、作るべき機能の一覧は書いてあるんやけど」 ワイ「なんか、やる気が出ぇへんなぁ」 ワイ「仕方ないから、社内のSlackで愚痴っとこか」 ワイ「今のプロジェクト、誰のために何を作ってるのかがイマイチ分からんから」 ワイ「モチベーションが上がらへんなぁ」 ワイ「この管理画面を使って、どんな課題を解決したいのか」 ワイ「どういう風にユーザーさんの業務をうまく回したいのか」 ワイ「そんなんがピンと来てないから、作るべきモノもはっき
Web制作者は1冊持っておくとかなり便利！UIに適したさまざまなアニメーションの実装方法が分かる解説書 -動くWebデザイン アイディア帳 実践編
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解！ 「動くWebデザインアイディア帳（紹介記事）」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
2020年話題の人気UIデザイントレンド8個まとめ 実例サンプル見本で紹介
この記事では、2020年にUIデザインで人気のトレンド8個を、サンプル実例を交えながら詳しく紹介しています。 世界中のデザイナー達が参加するデザインコミュニティDribbbleでは、実際のプロジェクトの他に、クリエイティブで実験的な新しいアプローチやスタイルをつかったデザインも多数投稿されています。 では、2020年にかけて話題となっている人気デザイントレンドをみてみましょう。 コンテンツ目次 1. ニューモーフィズム 2. 3Dヒーローイラストレーション 3. モノクロパレット 4. 書体、フォントの多様性 5. 複数レイヤーのスクロールアニメーション 6. モバイルUI向けイラスト 7. インタラクティブなページ 8. 不規則なグリッドレイアウト 1. ニューモーフィズム ニューモーフィズム（英: Neumorphism）、またはソフトUI（英: Soft UI）とも呼ばれているこのト
だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく..
だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく。（ブコメだと書けないからね デザイナーといっても様々でジャンルの幅が広いが、どのジャンルでも基本的な教養は重要。 CG造形をやりたいということであるが、高校で学ぶような基礎教養、一見無駄な知識と思えるものでも後々重要になる。要求されるものについての文化的な素養や知識があるのとないのとでは大違いである。後々苦労する。なので高校で学ぶ学問を軽視してはいけない。独学では視野が狭くなる。無駄と思える知識まで広げておく必要があるので寧ろ、高校時代は可能な限り学科はやっておくべし。私がいた頃は美校の試験学科の成績は実技と比して全然重視されていなかった（酷いものであった）が、試験勉強していないだけで教養がある学生は多かった。無駄なことまでアンテナを張って知的好奇心を養うことができるのは高校時代である。ちなみにその学科試験も昨今は重視す
8/21開催！『UXデザイン思考から導くインディーゲーム作り』【イベントレポ】
タグ BitSummit2023モデラーゲーム企画書制作会ゲーム実況甲子園コンテストツールデザイナートークセッションニュースプランナープログラマープロデューサーボードゲームボドゲ夜会ミートアップものづくりUXゲームレビュー企業インタビュー企画書働き方合同企業説明会学校インタビュー学生クリエイターインタビュー就活新卒映画月間賞インタビュー濱村崇熱血道場講談社クリエイターズラボ転職ゲーム企画書もくもく会ゲームマーケットCEDEC2022オンラインイベントCEDEC2023Game Technology SummitGCGラジオ会議室IGCLTPlayCanvasTGS2022Unreal EngineUXVR DOJOイベントレポートインターンシップインディーゲームオンライン説明会ゲームダンジョンキャリアクリエイターインタビュークリエイターヒストリアゲームクリエイターズギルドEXPO2019ゲ
ロゴをデザインする際に参考になる5冊の本
ロゴをデザインさせてもらう機会があったので、ブレスト用にロゴに関する本を図書館で何冊か借りてきて読んでみました。それぞれ違う良さがあったので、それぞれの概要と自分にとって参考になった点をメモしておきます。 特に最初の2冊は蔵書にしたいと思える内容でした。この2冊はいつでも手に取って見返せるようにしておきたい。以下、好きな順で紹介しています。 日本語のロゴ・メイキング ロゴデザインのロジック ロゴデザインのアイデア! 実例つきロゴのデザイン 新しい時代のブランドロゴのデザイン 日本語のロゴ・メイキング 「日本語のロゴ・メイキング」をAmazon.co.jpで見る ラフやスケッチ、色やフォントの検討案など、ボツ案を含む制作物（提出資料？）が見られる貴重な本です。掲載されている事例は25件ですが、この5冊の中では各事例の制作プロセスが一番詳しく載っています。 普段あまり表に出てこないボツ案なども
「非デザイナも10分でズバッとわかる!?」解像度についてまとめてみた（印刷編）｜山中慶
こんにちは。デザイナーの山中です。 普段は公私ともにゲームのプロモーションに使われるデザインを作っています。 ウェブや印刷など媒体を問わずゼロからフィニッシュまでやるチームを率いる事が多く、その知識をより多くの方に共有できたらな…という想いの元に社内講座を開いたりしているのですが、今回は会社の許可を取っておこめさん＆やす男さんと一緒にまとめた解像度講座についてnoteでも公開してみることにしました！ だれかのお役に立てれば幸いです！（でも僕もまだまだなので、なんか間違ってる事あったらコメントで教えてくれたら嬉しいです！） はじめに「このドキュメントを見た方が適切な解像度を自分で考えてデータ作成が出来る！」のが今回のゴールです。 とはいえ解像度の概念はおおまか印刷とデジタルで別れていて、同じ言葉なのにやや表現方法がちがって混乱しやすく、一気に学ぶのは難しいです。 そのためまずは印刷編から入っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Game Graphic Design Advent Calendar 2019 - Adventar
【必見】プロデザイナーによるC91新刊怒涛の20作品レビューがめちゃめちゃ参考になる！（5作品追加）
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事