Onlook lets you visually edit your React website and write your changes back to code in real-time Onlook lets you visually edit your React website and write your changes back to code in real-time
designに関するnacika_inscatolareのブックマーク (52)
-
nacika_inscatolare 2025/01/29
-
動画制作進行の課題で1位に選んだ人が多かったのが「コストが高い（費用対効果が合わない）」／rayout調査
動画の制作進行における工数を50％削減するシステム「MiLK BOX」を開発、運営するrayoutは、動画制作に仕事上関わることがある1,651 人を対象に、動画の制作進行管理におけるアンケートを実施した。 動画制作の業務の進行においての悩みや課題について、当てはまるもの上位3つを質問をした。（Q1） この質問からは、「コミュニケーションが面倒・難しい」「修正指示などの進行管理が面倒」といった、チーム内の伝達・共有に関する悩みを抱える人が多く見られた。これは、会社間によってコミュニケーションツールやデータ共有ツールがバラバラであることや、動画の修正指示書の作成に時間がかかることが原因とみられる。 また、1位と回答した人が多かったのが、「コストが高い（費用対効果が合わない）」との課題。これは、動画制作において、プロデューサーやディレクターのほか、必要に応じてカメラマンやナレーター、デザイナー
-
『パワーポイント・デザインブック』はパワポの本？ それともデザインの本？ その謎を明かす ～著者の山内さんが語る、本書製作までの道のり | gihyo.jp
『パワーポイント・デザインブック』はパワポの本？ それともデザインの本？ その謎を明かす ～著者の山内さんが語る、本書製作までの道のり 2022年11月10日に発売された『パワーポイント・デザインブック 伝わるビジュアルをつくる考え方と技術のすべて』は、工夫が散りばめられた誌面デザイン、わかりやすいテキストと図解、そして圧倒的物量（432頁）と網羅的な解説で高い評価を得ています。 図1 『パワーポイント・デザインブック』 ただ、本書のタイトルを見て、次のような疑問が浮かんだ人もいるのではないでしょうか。「これはパワーポイントの本なのか、それともデザインの本なのか？」と。 そこで今回のインタビューでは、前身となった同人誌『PowerPoint Re-Master』にまでさかのぼって、『パワーポイント・デザインブック』とは何者なのかを明らかにしたいと思います。 話し手：：山内俊幸（やまうち
-
-
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
-
-
WEBデザインで押さえるべき配色（ベース、メイン、アクセント）の基本「3つのカラー」｜BLOG｜株式会社エムハンド
WEBデザインで押さえるべき配色（ベース、メイン、アクセント）の基本「3つのカラー」 デザインをする際に欠かせない要素の一つとして、カラーの配色がありますよね。しっくりこない、これであってるのかな？などで悩んだ経験は1度や2度はある事と思います。 今回はWEBサイトをデザインする際に必要な、ベースカラー、メインカラー、アクセントカラーの配色や配分についての基本ルールをまとめてみました。 WEBサイトの配色は役割別に３つあり、それぞれに、ベースカラー、メインカラー、アクセントカラーと呼びます。各々の比率をベースカラー70％、メインカラー25％、アクセントカラー5％の割合にすると、美しい配色に仕上げることができます。 ベースカラー最も大きな面積を占める基本となる色で、余白や背景などに用いることが多い色です。メインとアクセントのカラーを引き立てる脇役的な立ち位置。 メインカラーその名の通りサイト
-
一体どこからインスピレーションを受けるの？ 前もって知っておけば良かったデザインサイト10選！｜Choi
こんにちは、デザイナーのchoiです。 皆さんは作業を始める時、何から始めれば良いのか分からなくて困ったことがありせんか？ ピカソはこういう言葉を残しました。 腕がよいアーティストはコピーするが、偉大なアーティストは（インスピレーションを）盗む。（Good artists copy, the geniuses steal.）つまり、優れた作品を創造するためには、たくさんの作品からインスピレーションを受けることが最も大切だと思います。 しかし、どこからインスピレーションを受け、自分の作品に活かせばいいのかいつも悩んでしまいます。 そこで私は、インスピレーションを盗みやすい、新鮮でクオリティの高いサイトを共有したいと思います。 1.Pentagram 世界中のデザイナーが目指すPentagramはロンドン、ニューヨーク、オースティン、ベルリンの4つの支部で、25人のパートナーが運営する世界最大
-
より使いやすいデザインにする「アフォーダンス」って？ | 株式会社ワールドカラー
アフォーダンスってなに？ アフォーダンス理論（Affordance）は、アメリカの心理学者J・J・ギブソンが提唱した、認知心理学における概念です。これは「与える・提供する」という意味の「アフォード（afford）」という言葉から名付けられた造語で、物が持つ形や色、材質などが、その物自体の扱い方を説明しているという考え方です。 例えば、ドアノブがなく平らな金属片が付いた扉は、その平らな場所を押せばよいことを示し、引き手のついた引き出しは、引けばいいことを示しています。つまり、その形（デザイン）から使い方（情報）を発見できる、使い方の情報を発信している、という考え方です。 車などの扉では走行中に間違って扉が開かぬように、また小さい子供がいたずらして開かないようにアフォーダンスを逆手にとって設計されています。 身の回りにあるアフォーダンスの事例 ↑ 箱の入り口が捨てるモノに近い形で開かれ、自然と
-
-
バナナは最高のUX – 自然界に学ぶデザイン【バイオミミクリー 】 デザイン会社 ビートラックス: ブログ
皆さんはデザインをする際に、どのようなところからインスピレーションを得るだろうか？ 他のデザイナーが作成した優れた作品、雑誌に掲載されている広告、歴史的建造物など、多くは人間が作り出したものからだろう。 これからデザイナーを目指す方からの質問で最も多いのが、「優秀なデザイナーになるためにはどうすれば良いですか？」というもの。 学校に行くとか、先輩のデザイナーに教えてもらうとかに加え、自分がオススメしたいのが、自然から学ぶ方法だ。 46億年かけて熟成された仕組み地球の歴史は38-46億年と言われている。自然界には長い年月をかけて洗練された数多くの仕組みがあり、それぞれの目的に対して、最適な設計がされている。 すなわち、課題に対して最もふさわしいソリューションが生み出されている。 例えば、高い木の葉っぱを食べるために長くなったキリンの首。警戒するために、ハチやスカンクなどの強力な武器を持った生
-
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
-
脱初心者のためのUIデザインの心得
#UIのじかん https://graspy.connpass.com/event/138971/
-
カラフルで美しいロゴデザインの効果的なつくり方まとめ
ブランドのリニューアル、変更を検討しているひとは、色鮮やかなカラフルロゴを検討してみませんか。カラフルなロゴは、ブランドの注目を集めることができ、認識しやすくしてくれます。 この記事では、カラフルな配色を使ったブランドロゴの作成ポイントをご紹介します。同時に、参考にしたいカラフルなロゴデザインのサンプル例も一緒にまとめています。 カラフルなデザインを選ぶ理由とは？ カラフルなロゴは、ブランドが伝えたいメッセージをうまく伝える手助けとなります。これは、すべての色が異なるメッセージや意味をオーディエンスに伝えることからきています。 たとえばオレンジ色のロゴは、金色と似ているにもかかわらず、異なるメッセージを伝えます。ブランドロゴに配色を利用する場合、ユーザーとのコミュニケーションで威力を発揮し、ユーザーにとってより魅力的みせることに役立ちます。 各色のもつ意味合いについて 赤系ロゴ: 若々しさ
-
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した�案内・サイン・図表等用のカラーユニバーサルデザイン�推奨配色セット （バリアフリーに配慮した見分けやすい色の組み合わせ） カラーユニバーサルデザイン推奨配色セット制作委員会 ■ 東京大学分子細胞生物学研究所 脳神経回路研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（DICグラフィックス株式会社・DICカラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） ■ 石川県工業試験場 前川満良 カラーユニバーサルデザイン推奨配色セット ガイドブック 第２版 カラーユニバーサルデザイン推奨配色セットの塗料用、印刷用、画面用の詳しい情報と、組み合わせる色の注意点、使用する上でのノウハウなどをまとめた冊子の第２版を作成しました。 CUD_color_set_GuideBook_2018
-
米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
-
ヘルス・グラフィックマガジン｜AISEIプロダクト｜ご利用者様｜調剤薬局のアイセイ薬局
ヘルス・グラフィックマガジン 「ヘルス・グラフィックマガジン」は、毎号ひとつの症状にフォーカスし、医師や各分野の専門家が症状や改善方法をさまざまな角度から、楽しいビジュアルで解説する季刊フリーペーパーです。
-
-
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました