サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
意思決定の重心を「顧客インサイト」に変えたら、使われない機能がなくなり、黒字化し、チームがいきいきした 「ほんとに改善が早いですね、何人エンジニアがいるんですか？」 「神リリースありがとうございます！」 「おかげで新規事業が立ち上がって、会社が死なずに済みました…」 この1年、こういうことをお客さまに言っていただけるようになりました。お客さまの事業が伸びること、しかもその成功に自社プロダクトが関われていること、こんなに嬉しいことはありません。 思えば、意思決定で重視するものを「顧客インサイト」にしたこの1年は、外した機能はほとんどありません。実際に削除した機能は1年で1つだけです。売上もしっかり伸び、会社は黒字になりました。 顧客インサイトは、思ってる10倍、事業にもチームにも効く そんなことを、年の瀬にまとめたいと思います。同じような悩みを持つ方、似た志をお持ちの方へ届くと嬉しいです🙌
最近はデザインの範囲がかなり広がり、デザイン思考や、UXデザイン、そしてサービスデザインなど「見た目」だけではないデザイン領域が注目されている。 それと同時に「デザイナー」と呼ばれる人の中で基本的なビジュアルデザインに関する知識が乏しい人も少なくはなくなってきた。 しかし、いかなるデザインフィールドであったとしてもデザインの基礎知識が重要であることには変わりない。 design, Design, DESIGN その違いを知っていますか？ そこで今回はヴィジュアルデザインの細部に関する視覚的錯覚 = 錯視に関しての11のポイントを紹介したい。 一流デザイナーはみんな知っている”錯視調整” 「神は細部に宿る」と言われる通り、”良いデザイナー”と”素晴らしいデザイナー”を分けるポイントの一つに、細かい部分の作り込みが挙げられる。 デザインソフトを使って自動調整しても何故かしっくりこない時がある。
「最近、なんかマンネリだな…」そんなときこそ、いいデザインに触れるのが一番の特効薬。 今回紹介するのは、アイデアが自然と湧いてくる、珠玉のWebサイト50選。 […] “なんかイマイチ”を抜け出したい人へ。プロも参考にする最新Webデザイン50選はPhotoshopVIPで公開された投稿です。
はじめに 近年、プロダクト開発の現場では「Design to Code」という概念が大きな注目を集めています。 これは、デザインツールで作成されたUIデザインを直接コードに変換する技術のことで、開発効率の大幅な向上が期待されています。 この流れの中で、Figma社は、Dev Mode（開発者向けの表示モード）やCode Connect（コードとデザインの同期機能）といった機能をリリースしてきました。 このような背景の中、つい最近では「Figma MCP」が話題となりました。 私たちのチームでは、このFigma MCPとAI搭載コードエディタ「Cursor」を組み合わせることで、実際のプロダクト開発に挑戦してみました！本記事では、その導入過程で得られた知見、そして実際の運用における工夫について紹介します。 🤖Figma MCPとはFigma MCPについては、こちらの記事が非常にわか
日本時間2025年3月26日、OpenAIはChatGPTの基盤モデル「GPT-4o」に、ネイティブな画像生成機能を統合し、一般提供を開始しました。 今回のアップデートは単なる画像生成機能の追加ではなく、言語モデルの中核的な機能として画像生成を位置づける、非常に重要なアップデートです。特にテキストのレンダリング精度や複雑な指示への対応力が飛躍的に向上し、従来難しかった実用的な表現が可能となりました。AIによるクリエイティブな画像生成が新たな段階に進んだことを実感できる、画期的な進化を遂げています。 最新の画像生成機能で生成 GPT-4oによるネイティブ画像生成機能の詳細今回のアップデートで最も大きな特徴は、画像生成能力がGPT-4oモデル自体にネイティブに組み込まれた点です。テキストと画像の連携がよりスムーズになり、以下の機能向上が実現しています。 特徴： 高精度なテキストレンダリング:
みなさま、こんにちは。上司ニシグチです。 こちらのnote記事は昨年末にリリースしたものですが、今年に入ってからもデザイン本をいくつか紹介していますので、改めて加筆（追加）させていただきました。本当にオススメの本しか紹介しておりませんので、是非お手にとって確かめてもらえると嬉しいです。 「Twitterで好評だった手元に置いておきたいデザイン本13選」と題して、簡単にまとめてみましたので、是非ともチェックしてみてください！ ＊＊＊ − 目次 − ①文字のレイアウトで魅せる広告デザイン ②デザイナーのラフスケッチ デザインのアイデアを形にする過程 ③グッズ製作ガイドBOOK④キャラクターでもっと伝わるデザイン ⑤販促会議SPECIAL EDITION 実際に提案された秘蔵の企画書 ⑥入稿データのつくりかた⑦いとしの印刷ボーイズ ⑧配色アイデア手帖 めくって見つける新しいデザインの本 ⑨パケ
2024年10月15日午前8時頃、モリサワによって写研書体がリリースされ、Morisawa Fontsにて使用可能となりました。 これは歴史の一大転換点であり、個人的にはデザイン・印刷史上、 モリサワがAdobeにPostScriptフォントを提供(1989)MacOSXにヒラギノ書体を標準搭載――“ヒラギノショック”(2001)フォントワークスがフォントの定額サブスク「LETS」を開始(2002) に匹敵、もしくは超えるターニングポイントであると考えています。デザインやフォントに詳しい方でないと、なかなか伝わらないと思いますが。 ちなみに写研というのは元々、こういうものです。まずはご覧ください。 これは現在のデザイン・印刷業界で主流のデジタルなDTPワークフローが登場する前の、手動写植機やフィルムを使用していた時代の雑誌制作風景です。 これがデジタルに移行していく過程で現在主流になっ
ハガキのぬいぐるみ ぬいぐるみ作りにはまっていて、もはや日々のルーティンになっている。 先日はハガキのぬいぐるみを作った。 やわらかハガキ このまま郵送できるのだろうか。 Xでつぶやいたところ、「スルメイカに住所を書いても、切手を貼れば送れるらしい。きっとぬいぐるみも大丈夫」と意見をもらった。 ……本当に？？ これはやってみるしかない。 以前化けわらじの記事にも登場してくれた、４才の少年りんたろう宛に、ぬいぐるみのハガキを郵送することにした。 ハガキ作り ぬいぐるみハガキの作り方はものすごく簡単。ぬいぐるみ史上一番簡単かもしれない。 まずは、板状のウレタンを、ハガキの大きさに切る。 今思えばかなり雑に切っている。 雑に切っても、布で包めば大体はいい感じになるので、この辺は適当で良い。 ひとまわり大きく切った布を 、ひたすら波縫いしていく。雑巾を縫ってる気持ち あとは、この布をひっくり返して
現代におけるフォントの数は和文フォントだけでも3000種類以上存在するといわれています。 そのなかでも特にゴシック体と明朝体は利用媒体が多く、新聞は明朝体、雑誌やWebの見出しはゴシック体で書かれていることが多く、生活になじみのあるフォントです。 この記事ではゴシック体と明朝体にフォーカスし、その歴史やそれぞれのフォントが与える印象について解説します。 またフォントを組み合わせた使い方やデザインに従事する私たちができることについても考えてみました。 ゴシック体と明朝体の歴史フォントの代表選手であるゴシック体、明朝体はどのようにして生まれたのでしょうか。 ゴシック体はアメリカの書体家（デザイナー）が開発した書体、明朝体は中国の宋時代の木版印刷の発展から発生した文字です。 ゴシック体の誕生 15世紀の中期、ヨハネス・グーテンベルクの印刷技術から生まれたラテン文字が、後に「ドイツ・ゴシック」と
WEBで使う画像ファイルには、複数の種類があります。 同じ画像ファイルでも、複数のファイル形式があり、「.jpeg」などの拡張子と呼ばれる文字列で判別できるようになっています。 当記事では、そんな画像ファイルの拡張子について、種類別の違いや特性をご紹介いたします。 拡張子とは 拡張子とは、ファイル名の末尾についている「.jpeg」などの文字列のことです。これは「ジェイペグ」と呼ばれる拡張子で、見たことある方も多いのではないでしょうか。 拡張子を確認すると、それがどんなファイルなのかを判別できます。例えば、次の通り。 「.jpeg」なら画像ファイル（.jpgも同じです） 「.mp4」なら動画ファイル 「.mp3」なら音楽ファイル また、同じ画像ファイルでも「.png」や「.gif」などといった別の拡張子もあります。同じ画像ファイルでも複数の拡張子が存在します。 画像ファイルの拡張子の種類 画
白鳥 憂 @sandanjuu スパイファミリーの前回初公開されたエンディングで、有名な椅子多いなー、エンディングの担当の人が椅子マニアなのかなって思ってたけど、原作単行本の表紙、有名椅子のオンパレードだった なんで今まで気付かなかった？？ pic.twitter.com/Kbc3rpUY5U2022-04-26 20:19:04 白鳥 憂 @sandanjuu これに「許可とってる？」とか「トレパクと言われるかも」とかの反応が幾つか… 第二次世界大戦前とか戦後すぐにデザインされたものばかりで、権利なんかとっくのとうに消え失せてるので、許可なんて取りようもないtwitter.com/sandanjuu/stat…2022-04-27 09:26:37 白鳥 憂 @sandanjuu そういやイームズの椅子欲しかったけど、「正規品」なんてもう売ってないから、リプロダクト探してたけど、日
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：高速道路上にあるバス停が異世界 ＞ 個人サイト NEKOPLA Tumblr 電子ペーパーを飾るということ 「電子ペーパー」は、どちらかといえば地味な存在だ。その多くがモノクロだし、応答速度（画面切り替え）も遅い。液晶と比べると華やかさに欠けるイメージがある。 しかし一方、目が疲れにくかったり、電源がなくても画面表示を保持する特性があったりで、電子書籍端末などに重宝されている。秀才の影に隠れて目立たない無口キャラだけど、「あいつ、実はすごいやつだよな」とクラスで噂されるような存在である。 そんな飾り気のない、質実剛健な電子ペーパーに強く惹かれている。 これは愛用している電子ペーパ
カメラ好き機械学習エンジニアの@yktm31です。 最近、デザインツールのCanvaが、気になって色々試しています。 そこで今回、ChatGPTとCanvaを使って、どれだけ簡単にきれいなスライドを作れるか試してみました。 Canvaとは Canvaは、簡単にスタイリッシュなスライドや画像等を作成できる、デザインツールです。 テンプレートや素材が豊富にあり、デザイン知識がなくても、質の高いコンテンツを作ることができます。 基本的に無料で使えるのですが、有料契約（Canva Pro）にすると、生成AIでさらに強力にデザインをサポートしてもらえます。 今回利用するのは、「Docs to Decks」と「Text to Image」という機能です。 それらの機能を利用すれば、文章から簡単にデザインを作成することができます。 ただ今回は、そのデザインのベースとなる文章自体も、ChatGPTで自動生
こんにちは、遠藤大輔です。フリーのグラフィックデザイナーとして活動しつつ、ニューヨークにあるプラット・インスティテュートという美大でコミュニケーション・デザインを教えています。 これまでの美大での活動を振り返り、『デザイン、学びのしくみ』という本を書きました（2023年7月20日刊行）。美大のカリキュラムや学習環境、さらに課題や授業を具体的に紹介しながら、創造力を伸ばす方法を詳細に解説しています。 デザイン、学びのしくみ／美大講師が考える、創造力の伸ばし方本を読み、本を書く正直、自分が本を書くとは夢にも思っていませんでした。初めて本を書くにあたって僕が採用した方法は、これまで参考にしてきた名著を読み返し、そこから刺激を受けながら、自分の文章を書くという、ずいぶん他力本願な方法でした。結果、『デザイン、学びのしくみ』は、ずいぶん引用や参照の多い本になってしまいました。とはいえ、新しい知識と
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント！ 「ディスレクシア（発達性読み書き障害）」という障害があることを知ったのは、ほんの数年前のことだ。トム・クルーズがこの学習障害で、台本を読むことが出来ず、マネージャーに読んでもらって暗記する、と聞いたときには、そんなことがあるのかと驚いた。 文字をすばやく、正しく、疲れずに読むことに困難のある人を言い、そのメカニズムは完全に解明されていないという。 この障害は日本人にも多く、日本語話者の5～８％存在するという報告がされているという。知能レベルや知識の欠如に問題はなくても、会話を文字にすることや文字を読み上げることに大きな苦労を強いられるため、「やる気のない子」「読書が嫌いな子」などのレッテルを貼られがちだ。 さらに文字を読むことが困難な人には、発達障害やダウン症、色覚異
CSS見出しデザイン21選 Update2025.03.24 Publication2025.03.19 コーディングCSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザインHTML <h2 class="heading01">ラインを使ったCSS見出し</h2>CSS .heading01 { display: inline; font-size: 26px; background-image:linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); } 蛍光ペンで線を引いたような
UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時にゆっくりご覧ください。 16 littleUI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
