mashu | 初画集 発売中 @mu_mashu 豊かな日常を。イラストレーター,デザイナー | お問い合わせ▷ mumashu12@gmail.com 著書▷ 【 画集 amzn.asia/d/b6MUCFh 】【 デザイン視点でイラストを描く amzn.to/3VF4KM6】他 | バンタンデザイン研究所 講師,京都芸術大学非常勤講師 instagram.com/mu_mashu
控えめに言って、これはかなりお勧めのデザイン書です! レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。本書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします! 本書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ?」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか?そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
アーティストのコンチェッタ・アンティコは、子供の頃からいつも「ちょっとだけ奇抜」だったという。彼女は10年前、自分が見ている世界が他の人のそれとは文字通り違うことを知った。彼女にとって、この世界で生きるとはどういうことなのだろうか──。 彼女の生きる「サイケデリックな世界」 芸術家が作品のために事実とは異なる表現をすることを、「アーティスティック・ライセンス」と言う。コンチェッタ・アンティコの絵画に使われる鮮やかな配色を見れば、あなたはすぐに彼女もそれをやっていると思うだろう。 アンティコが描くユーカリの木の幹は、紫と藤色を帯びており、オウムの黄色いトサカは、うっすら青緑がかっている。彼女が描く庭の奇抜な配色は、ほとんどサイケデリックなほどだ。 「単に芸術家を気取りたいわけでも、アーティスティック・ライセンスを使っているというわけでもないんです」とアンティコは言う。 「私は本当に見たままを
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(11個) 2. パターンツール(3個) 3. イラスト系ツール(9個) 4. デザインツール(17個) 5. 配色ツール(7個) 6. グラデーションツール(12個) 7. SVGツール(9個) 8. スクリーンシ
この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. アイコンツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ We
ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか? それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
2020年10月16日 CSS, JavaScript ダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します! とにかく夜間見えづらい! 私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか!こりゃー私には危険だわってことで夜間の運転はやめました。運転して
Web制作を変える!2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール(16個) 🧰 Webデザイン便利ツール(19個) 🦄 デザインツール
「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか? スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます! デザインに苦手意識がある
百千万億 萬(つもいよろず)氏は5月11日(水)、200パターンの白色のなかから指定された1色を見つけ出すゲーム『White 200』をオンライン上で無料公開した。 思い立って、200色の白の中から目的の白を探すゲームを作りました! みんな遊んでね! 200色の白から見つけよう! – White 200 https://t.co/DxYz87J9qa #white_200 pic.twitter.com/QpxpfOa1dk — 百千万億 萬 (@TumoiYorozu) May 11, 2022 本作は、画面左上に表示されたカラーコードと一致する白色を200色の候補のなかから探していくブラウザゲーム。ルール自体はシンプルながら、色に対する知識や経験が問われる難易度となっている。 ゲームを起動すると、比較的グラデーションが視認しやすい200色でのチュートリアルが開始。回答自体は何度でも行え
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
この記事では、日常行っているWebデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめてご紹介しています。 これらの新しいツールやサービスを利用すれば、これまで後回しにしていた面倒な作業も自動化し、生産性アップ、円滑なプロジェクト進行を実現できるでしょう。「もっと早く知っておけばよかった」と思わせてくれる便利ツールが揃います。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. デザインからコードへの変換ツール 4. Web制作お役立ちツール 5. プロトタイプツール 6. コラボレーションツール 7. アイコン素材パック 8. 面白ツール 新型コロナの影響で無料提供中のオンラインツール、サービスまとめ 現在新型コロナウイルスの世界的流行の拡大によって、無料提供されて
水玉模様を持つシマウマの子どもティラ。シマウマのトレードマークであるしま模様がないため、吸血性のハエが集まりやすい可能性がある。(PHOTOGRAPH BY FRANK LIU) ケニアのマサイマラ国立保護区で、水玉模様をしたシマウマの子どもが発見された。 撮影したのは写真家のフランク・リュウ氏。サイを探していて、このシマウマに遭遇したという。「一見すると、まるで別の動物のようでした」。生後1週間前後と思われるこのサバンナシマウマは、最初に発見したマサイ族のガイド、アントニー・ティラ氏によってティラと名付けられた。 人の指紋と同様、シマウマのしま模様には個体差があるが、ティラのような配色がマサイマラで記録されたのは初めてかもしれないと、リュウ氏は述べている。ボツワナのオカバンゴ・デルタでは、よく似た配色の子どもが何度か確認されている。 米カリフォルニア大学ロサンゼルス校の生物学者で、シマウ
神戸大学大学院工学研究科の田中悠暉大学院生、杉本泰准教授、藤井稔教授らの研究グループは、独自に開発した「構造色インク」を用いることにより、世界最軽量クラスの構造色塗装が可能であることを実証しました。近年、退色しない「構造色」が注目されていますが、見る角度によって色が変わる、配列など周期構造が必要である、などの理由により従来の塗料に置き換えることが困難でした。本研究では、Mie共鳴という現象で発色するナノメートルサイズの粒子をインク化し、わずか1層分だけ基材に塗ることで、角度依存性の小さいカラフルな着色が可能であることを実証しました。この成果は、従来の塗料よりはるかに少ない量で着色塗装が可能であることを示しており、例えば、数100キログラムといわれる大型航空機の塗装を、1/10以下に軽量化できる可能性があります。 この研究成果は、1月30日 (米国時間) に、国際科学誌「ACS Appli
「スーパーマリオ」でスターを取ったときの光り方は,地上と地下で違う。そこにはファミコンゆえの理由があった 編集部:荒井陽介 本日(2023年7月15日),発売40周年を迎えたファミリーコンピュータで最大のヒットタイトルといえば,全世界での販売本数が4000万本を超えたとされている「スーパーマリオブラザーズ」(以下,スーパーマリオ)だろう。 当時生まれていなくても,「バーチャルコンソール」や「ニンテンドークラシックミニ ファミリーコンピュータ」「ファミリーコンピュータ Nintendo Switch Online」などで触れた人は多いはずで,家庭用ゲーム史上,もっとも多くの人がプレイしたタイトルかもしれない。 そんなスーパーマリオなので,特定のブロックを叩くと出てくる「スター」を取ると,マリオの体が激しく光り,無敵状態になる……ということは,今さら説明するまでもないだろう。 だが,その「マリ
観測史上最も早い梅雨明け宣言が各地で相次ぎ、連日35度を超える酷暑を記録している。この時期としては異例の暑さを前に、色彩学者など専門家の有志は30日、暑さ対策として赤色の使用を自粛し、青色に切り替えるよう呼びかける声明を発表した。 色彩学者の田崎くつるさんら12人がまとめた。声明では「社会を取り巻く「赤」が市民の深層心理に働きかける影響は決して小さくない」と指摘。電力需要がひっ迫する中、エネルギーを消費しない「視覚からのクールダウン」を提言する。 視覚の重要性を示す一例として、田崎さんは昨夏の最高気温を色分けした日本地図を作成。高温を表す赤を青に置き換えて公開したところ、「涼しげになった」「安心した」という声が多く寄せられたという。 赤色には交感神経を刺激して体温や血圧を上げるなど興奮を促す作用が、青色には副交感神経の働きを強める鎮静作用がある。また人間が得る情報のうち、視覚から入る情報量
藤村シシン🏛神話受容史講座 @s_i_s_i_n 古代ギリシャの錬金術に対する論文でずっと「要するに日本のShakudō!」って書かれててなんでわざわざ日本語で表現するのかな、と思ってたら「赤銅」って日本特有の合金だったんだ。 まさかの古代ギリシャ経由で日本の合金について知れたのと、ここに来て日本の刀剣をちゃんと見てこなかったツケが 2023-07-03 22:15:29 藤村シシン🏛神話受容史講座 @s_i_s_i_n 古代ギリシャの錬金術師が金属を「至高の紫化」してテンション爆上がってるのが日本の刀剣とかの「赤銅8分挿し」に近いってことか……!? これは日本にいるならいくらでも現物が見れそうだぞ。こんなに日本刀を見たいの初めて。 2023-07-03 22:25:47 リンク Wikipedia 赤銅 (合金) 赤銅(しゃくどう)は、銅に3 - 5%の金を加えた合金である。象嵌細工
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。 今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する方法を紹介します。 Dark Mode — Working with Color Systems by Søren Clausen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 色に役割を割り当てる カテゴリ 1: 色合い カテゴリ 2: 背景 カテゴリ 3: 前景要素 その他の場合 色の割り当て ダークモードへの対応 Sketch用のカラーシステム 色に役割を割り当てる すべてのシステムがそうであるように、最も重要なことは根拠です
「俺にデザインなんて無理だ。」 そう思う人もいるかもしれません。 確かにデザインはセンスによる部分も多大にあると思います。 でもちょっと待ってください。 デザインにも色々あるんです。 人生色々、男も色々、女だって色々・・・そう色の話です。 #私自身はデザイナーではないので、あくまでエンジニアがこれを知ってると便利なんじゃないというレベルのお話です はじめに 今回、本当に共有したかったのは後半部分のChromeの機能についてです。 個人的には超便利! 使う色合いを決める 赤系なのか、青系なのか、緑系なのか・・・作るものによってはコーポレートカラーが決まってることもありますし、全く何も決まってないことがあるかもしれません。 アクセントカラー決めて、その補色をサブカラーにして・・・とかありますが、今なら Adobe Capture というスマホアプリを使えば適当に色をピックアップしてくれます。
この記事では、Webデザインやグラフィックデザインの制作スピード、生産性がアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用すれば、面倒な作業をラクにこなし、作業の効率化をアップできるでしょう。「なぜ今まで使っていなかったのか」、そんな気持ちにさせる便利ツールが揃いました。 各ツールはカテゴリごとに整理しています、以下のリストを参考にどうぞ。 コンテンツ目次 1. Web制作便利ツール 2. イラスト系ライブラリ 3. 配色ツール 4. デザインコレクション 5. プロトタイプツール 6. コラボレーションツール 7. 面白、クリエイティブツール Web制作フローが変わる!便利な最新オンラインツールまとめ Web制作便利ツール BrowserFrame 各種ブラウザ付きでスクリーンショットを撮影できるオンラインツール。目的の
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く