ノンデザイナーでもできる。直感的で使いやすいUIの設計方法本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討（アプリケーションの画面設計等）を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え…
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
好きな404エラーといえばこの企業のエラーページ「日本郵便のお洒落すぎる」「NASAの404もいいぞ」
まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21
『大学トイレのピクトグラムを武装させた匠、出てきなさい』学んだことを活かすタイプのいたずら「技術の無駄遣い」
ドア本体も色分けしてあり視認はしやすそう・後づけパーツを取り外す事はできそうなので「これくらいなら微笑ましいな」という反応が多かったです。
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
きびだんごをあげるから鬼退治を手伝って、をプレゼンすると… フォロワー12万人のプロが教える、伝わるパワポ資料の作り方
東京・立川を拠点に起業に関連したさまざまなイベントを開催しているStartup Hub Tokyo TAMA。本記事では、『秒で使えるパワポ術』『秒で伝わるパワポ術』の著者で、シリョサク株式会社代表の豊間根青地氏が登壇したイベントの様子をお届けします。今回は、わかりやすいプレゼン資料の代表例として「桃太郎パワポ」が紹介されました。 テーマは「相手に伝わるプレゼン資料の作り方」 豊間根青地氏（以下、豊間根）：あらためまして、みなさん、こんにちは。シリョサクの豊間根と申します。今日は90分ほどお時間をいただきまして、「相手に伝わるプレゼン資料の作り方」をお話ししていきます。 今日の流れですが、最初に自己紹介をさせていただいて、とある架空のプレゼンテーション資料の事例を見ていただきます。それを踏まえて、3つに分けてお話をしていきます。 最初に、問いの重要性を考えます。これはプレゼンに限らず、人に
DALL-E×ChatGPTでUIデザインを作成して実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Technology部のジョシュです。 今回は、OpenAIのDALL-EとChatGPTを使用して、UIデザインからコーディングまで行う方法を紹介します。 DALL-Eはテキストからリアルな画像を生成できるAIツールですが、添付された画像を分析し、それをもとにコードを生成することもできます。 本記事ではDALL-Eを使ってUIデザインを作成し、生成された画像をもとにChatGPTでTypeScriptのコード生成を行いました。実際に使用したスクリプトも紹介しつつ、実装までの流れを解説したいと思います。 DALL-EとChatGPTでデザインを作成する 基礎知識：今回使うツールについて 今回は下記3つのツールを使用します。 ChatGPT:テキストを理解し、会話を生成するために訓練されたOpenAIのAIモデル。今回のプロジェクトではアイデア出しやコードのブラッシュアップに使用
デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito
今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク
セキュリティ・バイ・デザイン導入指南書 ：IPA 独立行政法人 情報処理推進機構
ソフトウェア開発者でなくとも、セキュリティ・バイ・デザインという言葉は聞いたことがあると思います。しかし、セキュリティ・バイ・デザインが十分に実施できていると言える組織は多くないのではないでしょうか。 いざセキュリティ・バイ・デザインを実施しようとしても「何をすればよいのだろう？」「どうやれば良いのだろう？」となかなか手が動かない。そんな状況の一助となるよう、我々がセキュリティ・バイ・デザインを学び、実践した内容を文書化し公開する運びとしました。 セキュリティ初心者でも読みやすいように、以下の特徴を念頭において本書を執筆しました。 軽快な文章 図表を多用したグラフィカルな見た目 キャラクターのセリフに共感しながら理解ができる 1章 セキュリティ・バイ・デザイン －セキュリティ・バイ・デザインの概要や必要性の説明 2章 脅威分析 －組織やシステムに対する脅威分析の実施方法 3章 セキュリティ
エンタープライズ向けサービスのMVPはこうして失敗する。｜大平 裕介/ CEO at リーナー
どうもエンタープライズ企業の調達を刷新したい企業、Leanerの大平です。 エンプラSaaSの雄である会社の創業メンバー兼役員の方と、オンラインランチの機会があり、示唆深かったので許可をいただきメモ公開します。 ※この記事ではエンタープライズ企業は略称としてエンプラと書きます エンプラ向けにサービス開発している方の参考になったら嬉しいです！ 拡散していただけると次回のやる気になるのでそれも嬉しいです（重要）！ "SMBのMVP"と"エンプラのMVP"一緒にすんな当然だが、SMBとエンプラでは、業務のオペレーションや目標・ミッションなどすべてにおいて、個社性がまったく違う。 比較的、SMBでは、個社性が低く。エンプラでは、個社性が高い。 だからこそ SMBは、MVPが「画一的」で許される。 一方、エンプラは、MVPに「個別性」が求められる。 SMBは、MVPが「境域な要件」で許される。 一方
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Eleven. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークテーマのテキストはコントラストを下げる 2. アイコンをわかりやすくするためにラベルを付ける 3. 角丸を補完的に使用する 4. ダークテーマで要素の奥行きを正しく伝える 5. Atkinson書体でコンテンツをよりアクセシブルに 6. メッセージは短く、要点を絞る はじめに 次
ロゴをデザインする時、使う時に知っておきたい知識がまとめられた即買いの一冊 -要点で学ぶ、ロゴの法則150
ロゴをデザインする時、使う時に備えておくと便利な一冊を紹介します。 ロゴの定義、ロゴのトレンド、制作プロセス、VIマニュアル、商標登録、文化的なタブー、ロゴに使用されるデザイン手法・視覚効果といった基礎知識から、ロゴをデザインする時の発想方法・造形方法・配色・文字組みといった具体的なテクニックまで、ロゴづくりの要点150個がまとめられた保存版の一冊です。 本書は当ブログでも大好評の「要点で学ぶ、デザインの法則150」シリーズとして、日本で企画されました。こういったロゴの解説書だと海外のものが多かったりしますが、本書は日本人による日本人のためのデザイン書です。 ロゴの本を一冊欲しかった、という人にまさにぴったり！ ロゴの基礎知識から、法知識や商標登録の手順、そして制作フロー、アイデア、テクニックなどがぎゅっと一冊にまとまっています。
UI/UXデザイナー語る、デザイン Tips【20選】 - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、技術広報のyayawowoです。 突然ですが、デザイナーの皆さんはデザインの知識をどのように学ばれていますでしょうか？ スクール（大学、専門など） 会社、仕事 WEB、オンライン（Udemyなど） など、様々あるかと思います。 とはいえ、日々変わりゆくデザインのトレンドをキャッチアップしていくのは時間と労力が必要ですよね。 そんな方に必見！ 弊社にて定期的に開催している、デザイナーによるデザイナーの為のデザインLT大会・・・ 「UI/UXデザイナーLT会」にて発表されたデザインTipsをまとめましたので、ご紹介させていただきます！ 記念すべき第一回目のまとめ記事は以下をご確認ください！ ・【UI/UXデザイナーLT会】を開催しました【登壇者15名御礼】 - RAKUS Developers Blog | ラクス エンジニアブログ 目次 目次 デザイナーとなっておもったこと UI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【追記あり】目が覚めてふと横を見たら11歳が謎の折り紙をした痕跡があった「すごい!」「一体これどうやって折るの?」
デザイン・イラスト 記事一覧 | gihyo.jp
イラストレーターさん「蟹缶がカニロボに変形するおもちゃ欲しいな〜」デザイナーさん「実物できました」
ATMなどのこういう画面で詰まってしまう人が多いらしい→その意外な原因に「信じられない」「気持わかる」の声
絵がすぐに上手くなる方法は実は存在するけど心折れる人が多いのであまり実施されない
「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"
沖縄のとある駅で『カーブしている』点字ブロックを見つけたけど公共機関でこんなデザインなの大丈夫？
