デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「GPT4oを活用したウェブサイトづくり」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は先日OpenAIが発表した新たなAIモデル「GPT-4o」を使ってウェブサイト（LP）を作成してみました。GPT-4oのパフォーマンスを知ること、そしてデザイナーが生成AIとどう関わっていくべきかを探るきっかけにすることが、今回の目的です。 前提として「GPT-4o」がゼロベースでウェブページを作成することに向いているツールではないと思いますが、チュートリアルの要素と今後の可能性を知るためにあえて取り組んでみました。 GPT-4o

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

資料作成代行サービス「c-slide」を運営する中で蓄積したナレッジから、デザインをパターン化しました。 資料作成時にパワーポイントと一緒に開いてアイデアの種にして役立ててもらえると嬉しいです。 詳しく解説している記事はこちら https://cone-c-slide.com/see-sla/blog/design-pattern/ また、本スライドの①デザインパターンに加え、②スライドマスターのテンプレートや、③営業資料などの資料テンプレートを含んだ「デザインパターンデータ（pptx）316 P」を販売しています。 → PPTテンプレート購入はこちら： https://formwrk.jp/workflows/createProject/?id=U2FsdGVkX19Y0oVcOUXL%2Bb0dSjC5Fi2MlB9whoscExA%3D&btnText=%E5%AE%8C%E4%BA

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

コンピュータと映像・音響技術を結び付けたメディア技術が広く普及し、人とコンピュータの関係は大きく変わりつつある。これに伴い、感性情報の処理、現実 世界と仮想世界の境界に挑む複合現実感技術、空間を対象とした情報処理・アート・デザイン・インタフェース、人に優しいメディア環境などの話題が注目され るようになってきた。 この講義では、メディアも含めた現代技術の目指す方向、それらの２１世紀社会に与える光と影の問題を論ずるとともに、将来の人間中心の「ヒューマンコミュニケーションメディア」へ至る道を展望してみたいと考えています。

複雑化し動的に変化する現代の社会では、科学的・論理的な手段、最適な解を求める手段だけでは解決できない課題が次々に生まれている。多様な人からなる複雑な社会では、より柔軟な多様性ある解を求めることが重要である。本学の先端アートデザイン分野では、自然環境やそこで培われる感性に立ち戻り、人本来の視座から感性を介して科学技術を見直し、持続的なインクルーシブ社会の創造のための日本オリジナルな科学技術・アート・デザインを世界に発信して行くことを目指している。本講義では、アート・デザインの各分野において世界の第一線で活躍するプロフェッショナルをお招きし、これからの未来について学生と共に議論して頂く。

こちらの記事は2023年3月9日に投稿された旧バージョンです。特段の理由がなければ、最新事情を盛り込んだ「AIイラストが理解る！StableDiffusion超入門」をご覧ください。 こんばんは、スタジオ真榊です。このところ、ツイッター経由で公式サイトやこちらのFANBOXへのアクセスが急増しており、これからAIイラストを始め...

※こちらの記事がはてブの総合人気エントリに入りました！ こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬（くるしば） (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

ドキュメントでは、「モノや人の関係を明確に表わす」「複雑な流れをわかりやすく説明する」といった場面がたくさん出てきます。概念図は、言葉だけでピンとこない複雑な関係も、わかりやすく伝えることができます。 本セッションでは、テクニカルライター向けに概念図を描くテクニックをご紹介します。

イラストは、テキストだけでは伝わりにくいものを、視覚的にわかりやすくてくれる、とても効果的な手法です。ただどうしても、イラストを描くことはハードルが高く感じてしまいがちです。でも大丈夫！世の中のものはだいたい○と△と□でできているのです。本セッションでは、テクニカルライター向けに簡単にイラストを描けるテクニックをご紹介します。

プロのデザイナーによる、「覚えておきたい写真構図」をまとめた画像に反響が集まっています。これを意識すれば、初心者でもセンスの良い写真が撮れるかも。 サンプル画像つきでイメージしやすい（画像はクリックで拡大します） 投稿者はWebデザイナーのもち（@makiko_sakamoto）さん。「三分割構図」「三角構図」「S字構図」など、12種類の写真構図の特徴や効果が分かりやすく解説されています。SNSの投稿のような、普段のちょっとした写真撮影にも生かせそうな実践的なテクニックです。 投稿には、「うまく写真を撮りたいって思ってもなかなか…だったので参考になります」「これはすぐ使える、ありがたい」「めちゃくちゃ為になるやつ　こういう基礎の構図が分かってることが大事だよなぁ」などのコメントが寄せられていました。 もちさんはこの他にも、Webデザインに役立つTipsやデザイン集をTwitterに投稿して

Users today demand interfaces that are consistent, recognizable, and simple to use. But how can a designer give their UI a more human touch? Motion, by simulating “live” communication between the user and the interface, fills in this gap. Explore these 12 UI/UX animation principles now to give your interfaces a life full of fun. ⚡️ 1. EASINGEasing refers to the way in which a motion tween proceeds

2022年8月9日 ある企業さまでの研修「45分間で『ユーザー中心のものづくり』ができるまで詰め込む」のスライドです。登壇枠が45分という限られた時間のなかで、UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮してお伝えするようにしました。Read less

コ・デザインのためのシンキングシート

WebサイトやスマホアプリのUIデザインについて、実務に必要な役立つ知識と情報をさまざまな角度から学べる解説書を紹介します。 「わかりやすいUI」「使いやすいUI」ぼんやりと分かっているけど、うまく言葉にできない、明確に整理できていない、UIデザインの考え方を学びたい人にお勧めです。国内外の実例も多数掲載されており、非常に分かりやすい解説書です。 本書は「UIデザインの教科書（紹介記事）」を大幅にリニューアルしたもので、2022年最新の環境にあわせて、構成および内容は全面的に刷新されています。デザイナーやディレクターをはじめ、デベロッパーやコーダーなどUIに携わるすべての人にお勧めします。

桐沢たえ @kirisawatae 美大に行って一番最初に言われたのが「君たちが生まれるよりとっくの昔に全ての『斬新なアイディア』なんて先人アーティストが出し尽くしてる。オリジナリティや新しさにこだわるより『自分がやる』ことの必然性に価値を見出しなさい」だったんだけど、ストリウスにそう伝えてあげたい。一緒に頑張ろ… 2021-08-15 10:22:36 タロウ仮面 @faq94j ストリウスが狂った理由が分かった 自分の書いた物語が全知全能の書に全て書かれてたのか、、、 詩人としてはこれ以上ない屈辱だわ 何を作ろうとパクリなんだもん 人類とか宇宙とかそんな事より、クリエイターとしてのプライドが傷ついたんだと思う #nitiasa #仮面ライダーセイバー pic.twitter.com/HnlT4IXqPr 2021-08-15 09:26:55

2021/08/13 JPX ITやデータ分析を活用した取引の学習環境の提供に係る実証実験プロジェクト —データ分析コンペティション表彰式の開催について— 2021年1月より取り組んでおります、ITやデータ分析を活用した取引の学習環境の提供に係る実証実験プロジェクト「J-Quants」（以下、「本実証実験」という。）（※）に関しまして、これまで行って参りました「ファンダメンタルズ分析データコンペティション」及び「ニュース分析データコンペティション」（以下、「両コンペティション」という。）の表彰式をオンラインで開催いたしましたので、お知らせいたします。 両コンペティションでは、株式市場を対象としたデータ分析の初学者・データサイエンスに知見のある有識者・自然言語処理の有識者等を対象者として、銘柄情報・株価情報・ファンダメンタル情報・日経電子版見出しテキストデータ・適時開示データ等の様々なデータ

イーロン・マスクが YouTube チャネルでスペース X のテキサス工場スターベースの中を歩き回りながらロケット製造や電気自動車について説明しているのを観た。ツイートしたこの件。 これがめちゃくちゃに示唆に富んでいて面白かった。この日のイーロン・マスクは饒舌で楽しそうなので、かなり魅入ってしまった。きっと彼はカンファレンスや会議室の中でインタビューを受けるよりも、工場でみんながロケット作ったり作業している場で語った方が情熱を込めていろいろ説明してくれるんだと思う。 この中で製造工程の話があって、これはロケット製造などの特定分野だけでなく、IT やその他の分野にでも当てはまる普遍的な知見だと思ったので意訳してみた。ざっとビデオを観て印象に残った部分だけを意訳した。あくまで大枠で言ってることをまとめただけなので、もし詳細に興味があればぜひビデオを観てイーロン・マスクの話を直接聞いて確認してく

「 産技大人間中心デザインOB/OG Advent Calendar 2018 - Adventar 」22日目の記事です。 タイトルの通り私は元々はデータサイエンティストとしてレコメンドシステムのR＆Dやサイト改善のための分析をしていたのですが、数年前から徐々に既存のユーザ体験の枠の中でデータ分析や機械学習が適用できる場所を探すやり方ではサービスの大幅な改善には繋がらない、本気でデータをサービス改善に活かすのであればユーザ体験そのものを設計からやらなくてはいけないと考えるようになり、昨年から本格的にUXの勉強を始め、およそ１年間でUXデザイン業務をこなせるようになりました。 他のデータサイエンティストの方々で同じような意識を持たれている方が最近少しずつ増えているなと感じています。私が勉強を始めたときは周りにUXデザインに詳しい人もいなかったこともあり、出版されている本は片っ端から購入して

今年撮った写真を振り返ってみました。 3月の後半から7月頃まで殆ど出掛けてないので、あまり写真も撮ってないと思ったら枚数だけはそこそこたくさんありました（3万枚以上……）。斧田さんの2020年写真総括がとても素敵だったので、レンズ別にピックアップするコンセプトを真似させて貰いました。 OLYMPUS M.ZUIKO DIGITAL ED 7-14mm F2.8 PRO 今年も常に使ってた広角ズームレンズ。「自分にとっての標準レンズ」は言い過ぎではないかも？ 写真を見返した時に空気感を含めて記憶に直結した写真は、たいていこのレンズが撮ってくれてます。記憶色とはよく言いますが、記憶に強く残っている光景はこのレンズを通したような世界です。 8月の日曜日とは思えない静かな東京駅。初めての東京ステーションホテルに初めてのはとバス観光。 県外移動を解禁する前に、まず奥多摩に泊まりましたっけ。 色々と大