デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？ それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇

なかゆー🏡お部屋探しの人(東京/神奈川) @ichikaritokyo 東京の不動産屋 |一人暮らし、カップルさん向け賃貸暮らしライフハックなど🗣 | 業界9年 | 宅建士 | フォローすると部屋探しで損する事が減ります🕊 | 質問はリプで✍️ | 別アカ→@nakayudayo | 仲介手数料0円〜損しないお部屋探しご相談はこちら→okichikari.com/lpsns youtube.com/channel/UC2ju9…

ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している

https://anond.hatelabo.jp/20221021063413 だいぶ違う ※書いたのはあくまで素人なのでちょいちょい変なとこあるかも、コメントなど指摘してください 結構この状況は説明してるプロ沢山いるから大はずしはしてないと思うけど 前提知識現代の金融政策では「丁度いいインフレ」「丁度いい経済成長」が良いとされている そのために中央銀行は政策金利を操作している 政策金利を上げる　→　銀行等は金を保持するため景気抑制 政策金利を下げる　→　銀行等は金を貸すため景気刺激 それでも景気が刺激しきれなくなってきて、最近はマイナス金利や量的緩和（QE）という方法が使われるようになった 量的緩和はつまり、無理やり銀行に金を与えることを意味する（代わりに国債を買い取る） なお量的緩和の逆は量的引き締め（QT）という 量的緩和（QE）　→　金を巡りを増やす、景気刺激　→　インフレになる

この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter

メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。

GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナーの視点とカラーサイエンスの組み合わせによって作られたカラーパレットを生成することで、あなたがアプリケーションのルック＆フィールのクリエイターになる」（Matias Duarte氏）と説明。 そして自動的にそのカラーパレットにUIが適合していくとのこと。

お前だよお前、お前のことを言ってんだよ。 平日も休日も、家にいる時は隙あらばすぐにスプラトゥーンを始める。 プレイ時間は2000時間を超えてる。 帰宅したらごはん食べる前にまずSwitch起動。 ごはん食べた後も私はTVを見たいのに何も断らずにゲームを始める。 去年生まれた娘には目もくれない。 娘にかまう時間とゲームする時間、どっちが長いか分かっているの？ 娘を寝かしつけた後は2時までずっとボイチャで仲間たちとなんかやっている。 夫婦の会話はほとんどなくなった。 私と話してるより、ボイチャで知らない人と話してる方が会話量も多いし楽しそう。 スプラトゥーン買う前は2人で一緒にベッドに入っていたのにね。 妊娠中、私が息苦しくて寝るに寝れない時に24時超えても寝室の横でキャッキャ言いながら他人と遊んでいた事、私ずっと忘れません。 ゲームでストレス解消してるのは分かるけれど、あなたの場合、負けが続

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

TrelloのUI（UX）が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード（Todoリストでいうタスク）の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio

こんにちは丸山@h13i32maruです。システム全体を簡単な図とテキストでまとめる「ARCHITECTURE.md」というものを最近知りました。これは良さそうと思い、JasperのARCHITECTURE.mdを書いてみました。 jasperapp/jasper/ARCHITECTURE.md ARCHITECTURE.md自体の目的は「プロジェクトへの新規参加者が全体像の把握を効率的に行えるようにする」という感じです。書き方の指針や注意点などは考案者による記事を見てもらうのがよさそうです。また良いサンプルとしてrust-analyzerというOSSのARCHITECTURE.mdが紹介されています。 https://matklad.github.io//2021/02/06/ARCHITECTURE.md.html https://github.com/rust-analyzer/ru

2017年〜2020年（+α）に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。 1、フリマアプリの検索結果に、あえて「売り切れ商品」を表示している理由（メルカリ）フリマアプリの「メルカリ」では、検索をかけると販売済みになっている、「売り切れ品」も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から「売り切れ品」を消してみたら、あらゆる数値（継続率・購入率など）が悪化してしまった。 実は「売り切れ品」を置いておくことが、ユーザーに「これ買いたかった」「マメにチェックしとこう」と思ってもらう、うまい演出として機能していたのが理由。 2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる（ミラティブ）配信アプリの「ミラティブ」では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと

盆地さん @bon_chi33 知り合いの旦那さんは全然家事をやらないんだけど、別に妻に家事を強制はしなくて「夕飯は手作りじゃなくていいし家の中散らかってても平気だからオレは家事をやらないし君も無理してやらなくていい」っていうタイプらしいんだが、子供居たらそう簡単にいかなかったりするじゃん… 2021-02-02 19:46:30 盆地さん @bon_chi33 子供がいたら毎日出前ってのもなんだか気になってしまうし散らかってたら衛生状態も悪くなるから妻は家事やるじゃん、そしたらなんか妻は好きで家事やってる人間みたいになるんだよね…妻だけが勝手に気になってるんなら妻がやるしかないじゃんってことなんだろうけどなんかモヤモヤするんよ！！！ 2021-02-02 19:49:23

以前許可をいただけなかったDMの公開ですが、許可が取れましたので公開とさせていただきます。 <参考> チャゲアスのASKAに元ホワイトハッカーの疑いを掛けられた時の話 https://togetter.com/li/1629419 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 11/30 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 公開 02/02 14:00 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 追記 02/02 14:35 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 追記 02/02 21:20 →削除 ASKA氏からの要請があり削除しました

フォントワークスによる、フォントを無料提供する異例の試みが大きな反響を呼んでいます。ねとらぼ編集部が同社を取材したところ、「規約の範囲内ならば誰でも使用可能」との回答がありました。 8書体（Kleeのレギュラーとセミボールドの2種類を含む）がGitHubから入手可能 各書体のリンクを開き、「fonts/ttf」フォルダからttfファイルをダウンロードしてOSに適用 せっかくなので「ねとらぼ」を8書体で書き分けてみました 同社はGoogleの無料Webフォントサービス「Google Fonts」へ、手書き風楷書体「クレー」やディスプレイ書体「ロックンロール」など8種類を提供。SILオープンフォントライセンスの下、個人および商用利用、ソフトやWebへの組み込み、改変や配布が可能としています。 公開フォント一覧 同社はファイルの配信元として、GitHubを案内。これを発見したユーザーのツイートが

作者:-EMI-,e3_noguchi, 公開日:2017-09-29 18:16:31, いいね:5082, リツイート数:1903, 作者ツイート:【漫画】パラダイムシフト①ぼくんち https://t.co/pJJ3ZVhBYF こんな感じの漫画です、表現とか苦手な方はすみません

12月4日より、映画「ミセス・ノイズィ」が公開されている。 (C)「ミセス・ノイズィ」製作委員会 本作がモチーフにしているのは、大音量の音楽を流すなどして騒音を出し続け、「騒音おばさん」の名前で有名になった2005年の奈良騒音傷害事件だ。とはいえ、事件を再現する実録ものではなく、フィクションのオリジナルストーリーとなっている。 「騒音おばさんを映画化する」というコンセプトを聞いた時は、正直に言って“ネタ”としか思えなかった。しかし、実際のこの「ミセス・ノイズィ」は、個人的に終盤で嗚咽（おえつ）するほどに感動した、2020年の日本映画の中でも屈指の完成度を誇る、ネタなどと思っていた自分の浅はかさを反省するしかない、まさかの大傑作であったのだ。 そして、本作はネタバレなしでの紹介がものすごく難しい。「何も予備知識を入れずに見るのがいちばん良い」というのは、あの「カメラを止めるな！」や「ドロステ