ハードオフのジャンク品につけられる値札を再現するジェネレータです。 品名 メーカー名 型番 状態 動作未確認 電源は入りました 動作確認 説明文を入力... 税込み価格 本体価格 送信 生成結果 右クリックから保存できます

Usable MachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。 日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に５日間、滞在してみることにしました。 日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて

ホリウチ ショウゴ @syo_design カロリーメイトの広告 めちゃくちゃ上手いなーと思ったのが 「捕色の使い方」 紺色ブレザーの集団中に 捕色に近い黄色の箱を置くと それだけでとにかく目立つので 小さいのに存在感が半端ない。 黄色を立たせるために あえて学生達を地味な色にしてるのかなと勝手に想像。 #世界が嫉妬するデザイン pic.twitter.com/B3aK7Wo68R

デザイナーがコーディングできるべきかという議論がSNS上で白熱していますが個人的にはあまり興味がなく、コーディング経験の有無に関係なくWebに適したデザインデータを作ってもらえたらあとはフロントエンドの領分であると思っています。 とはいえ、Webに適したデザインデータをつくれないデザイナーが多いのでああいった議論が白熱するのではないかとも思っています。 Webに適していないデザインデータとはどういったものかというと、古くから言われているものではPhotoshopの『乗算』を使うとCSSで表現できないためダメというものがあったりします。 CSSでもmix-blend-modeという機能で対応できるけどブラウザの対応状況を鑑みるに、よほどの理由がないかぎりPhotoshopの『乗算』を使っていはいけないのが今の現実です。 参考：mix-blend-mode - CSS: カスケーディングスタイ

技術の進歩、人々の価値観、使用するデバイスやメインのツール、サービスによって、デザイントレンドは日々変化しています。 例えば、多くの人がGoogle関連のアプリを使っているため、Googleが取り入れたデザインはアプリのUIデザインのスタンダード、つまりトレンドになります。 Webデザインのトレンドは「ただの流行りもの」ではありません。そこには、ユーザー目線のUI／UXが存在し、新たな考え方を発見できます。新しいトレンドを知ることは、ユーザーの興味・関心への理解につながるのです。 今回は2020年、流行が予想されている20のデザイントレンドを紹介します。 2020年のWebデザイントレンド【20選】 1.ダークモード2.ミニマリズム3.ジオメトリック4.ボールドフォント5.エモーショナルデザイン6.データビジュアリゼーション7.3Dデザイン8.スクロール9.エディトリアル10.レトロモダン

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。

「おお！これが！」 Appleのティム・クックCEOは、カッと目を見開いた後に満面の笑みを浮かべた。そして右手をポケットへと伸ばすと、自分のiPhone 11 Proを取り出してその背面を指差した。 クックCEOをうならせた工業用インキ 彼がのぞき込んでいたのは、緑色の液体が入った釜だ。実はこの液体、2019年発売のiPhone 11 Pro、同11 Pro Maxから採用された新しいカラーバリエーション、「ミッドナイトグリーン」を描き出すのに使われているインキだ。 「グリーン」というと、世界中の多くの人が、環境意識を象徴する色だと思っているかもしれない。 しかし、皮肉なことに緑色のインキの多くは実は環境に悪い。 通常、緑色は臭素を使って作り出すが、これは処理を間違えるとダイオキシン発生につながるハロゲン化物だ。 以前は鉛で黄色を作り、青色を混ぜていたが鉛も環境に悪い。 環境に良い、極めて

みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 （投稿が遅れてしまいました。本当に申し訳ございません。） なんだかんだとデザイナー歴３年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy（ドレシー）というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000

手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。 グラフやチャートに使用するデータは外部.csvファイルにも、カンマ区切りのテキストデータにも対応しています。 roughViz.js -GitHub roughViz.jsの特徴 roughViz.jsのデモ roughViz.jsの使い方 roughViz.jsの特徴 roughViz.jsは、ブラウザで手書きスタイルのグラフやチャートを作成するためのJavaScriptライブラリです。D3.jsとrough.jsをベースにしており、MITライセンスで利用できます。 グラフやチャートは、現在7種類に対応しています。 棒グラフ（垂直） 棒グラフ（水平） ドーナツ 折れ線グラフ 円グラフ 散布図

今年の秋、台風がいくつも日本列島を襲いました。その中でも、大型で非常に強い台風として、最大級の警戒が呼びかけられた19号について、あるツイートが注目を浴びました。日本人が持った違和感の理由と、そのツイートに込められた「やさしい」理由について、考えました。（朝日新聞編集委員・真鍋弘樹） 【やさしい日本語で読む】日本人にも「わかりやすい！」この記事をやさしく「翻訳」してみました 注目を浴びたのはＮＨＫのツイッターの公式ニュースアカウントが、外国人向けに警戒を呼びかけたツイートでした。 ◇　◇　◇ 【がいこくじん の みなさんへ】 たいふうが つぎの どようび から にちようび、とうかいちほう や かんとうちほう の ちかくに きそうです。 とても つよい かぜが ふいて、あめが たくさん ふるかもしれません。きをつけて ください。 ◇　◇　◇ このツイートは広く拡散されましたが、批判の声も集ま

この記事は、Designship2019 で行ったセッション『良いデザインってなんだろう？ 変わるもの、変わらないもの』を元に構成したものです。 イントロダクションこんにちは。筒井美希と申します。わたしは今、恵比寿にあるコンセントというデザイン会社で仕事をしています。 これまでの仕事としては、雑誌や書籍などの出版物や、大学案内・企業広報誌・カタログなどの広報物のデザイン。ウェブやアプリなどのデジタルメディアや、ロゴデザイン、パッケージ・ノベルティなどもつくりました。 ４年以上前になりますが『なるほどデザイン』という書籍を出版してから、デザインに関するセミナーやワークショップのご相談をいただくことも増えました。 だんだん仕事の幅が広がってきて、ちょっと変わったところでいうと空港のサインをリサーチしたりとか、インナーブランディングなど組織課題に関する相談にのったりとか。必ずしもモノを作るわけで

猫村ゐき (Nekomura Wiki) @lll_anna_lll JRと銀座線、ぼくは銀座線の運休しか記憶になかったわけだけど、デザインの差では。 どちらが移動中の社畜どもに「運休します」という情報を一瞬で理解させる可能性が高いか。 人間は自分に関係なさそうな情報は、詳細を読まない。 pic.twitter.com/bJ86OtiDCI

商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。 このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。 30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。 HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。 Bootstrap 4をベースに、Flexboxでレイアウトされています。 一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。 MITライセンスで、商用プロジェクトでも無料で利用できます。

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない

既存のものに基づいているイノベーションを起こすには、素晴らしいアイデアというのは既存のものに基づいているということを理解する必要があります。 エスリンガーがデザインを手がけたソニーのウォークマンは、NASAのジェミニ計画のために開発されたテープの技術を使った、より大きな既存の製品を元にしています。 基盤となる技術は基本的に同じです。「イノベーションは何もかもがまったく新しいわけではない」と言います。進化の過程を飛躍させるものです。 iPhoneは、最初のスマートフォンになるのではなく、スマートフォンを変化させたことで有名です。既存のスマートフォンの進化だと誰もが知っています。 しかし、（初期のMacのデザインを手がけた）エスリンガーは、Macの延長でもあったと言います。Appleの必要最小限でありながらも使いやすいデザインは、スマートフォンに対する人々の前提を変えました。 競合他社は、タッ

Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用したReact NativeアプリやAngular UIライブラリもあり、オープンソースでさまざまなプロジェクトに利用できます。

2019.7.18「次の時代のデザイナーの歩み方 - InHouseDesigners #6」での登壇のスライドです。 https://in-house-designers.connpass.com/event/133217/ 次の時代のデザイナーの歩み方 - InHouseDesigners …

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク

この記事は、2019年に突然Adobe CCの過去バージョンが利用できなくなった件についてまとめた記事です。 このスクリーンショットはAdobe Creative Stationより。現在 記事は削除されています が、インターネットアーカイブ で見ることができます。 何が起きたのか 箇条書きでかいつまんで書くと以下のような感じです。 Adobe Photoshopのようなアプリケーションは毎年メジャーアップデートされ、たとえば2012年はCS6、2013年はCC、2014年はCC 2014のようなバージョン番号が付けられています。 Adobe CCは月額制のデザイン系アプリケーションが使い放題になるサービス月額サービスのAdobe CCに加入すると「CS6以降（CS6を含む）のアプリがいつでも全て使える」という売り文句で有料会員を集めていたところが2019年5月9日頃、突然2017年やそれ