タグ

デザインに関するsakamataのブックマーク (8)

  • iOS ヒューマンインターフェースの原則 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が

    iOS ヒューマンインターフェースの原則 - Qiita
  • CSSで泥沼にはまらない3つのアプローチ|『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント

    注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd

  • 全部商用利用無料!ピクセルベースのかわいい柄やノート地のパターン素材のまとめ

    ピクセルベースでデザインされた、かわいい柄やノート地、ドット、ヘキサゴン、波線などのパターン素材を紹介します。 最後には雪やツリー、プレゼントなどのかわいいクリスマス柄のパターン素材も!

  • Webデザインを勉強する時に参考にしたいまとめサイト・記事25選

    Webデザインを勉強する時に参考にしたいまとめサイト・記事25選 Webデザインやホームページ作成を勉強したい人向けに、参考になるまとめサイト・記事・小技テクニックを集めてみました。「Webデザインの見サイト」や「今すぐ使えるテクニック」など、初心者がすぐに参考になるサイトばかりです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 Webデザインをこれから勉強しようと思っても、どこから始めていいかわからないということはないでしょうか?

    Webデザインを勉強する時に参考にしたいまとめサイト・記事25選
  • 休憩動画:まるで魔法を見ているかのような新世代のプロジェクションマッピング映像作品「Box」 « doope! 国内外のゲーム情報サイト

    日の休憩動画は、昨今日でも話題に上る機会が増えたプロジェクションマッピングの新しい映像作品「Box」をご紹介します。 今回の“Box”は、オートメーションとロボット工学、映像製作を専門に扱うデザイン/エンジニアリングスタジオ“Bot & Dolly”が制作を手掛け、IntelとVICEが主催するThe Creators Projectの一環として発表されたもので、産業用6軸ロボットの動作と投影する映像を完全に同期させ、動く物体への映像投影を実現した驚くべき作品となっています。 “充分に発達した科学技術は、魔法と見分けが付かない”というアーサー・C・クラークの言葉を引用した素晴らしい映像は以下からご覧ください。

  • わかりやすい「エレベーターの開閉ボタン」ってどんなんだろうね? | fladdict

    Twitterで「ボタンと間違いやすいサイン」について呟いたら・・・ いつのまにか「間違いやすいエレベーターボタンのデザインの話」に巻き込まれてたでござる。 面白そうだったので、自分でも考えてみたり。コアコンセプトは以下のような感じ。 安全側にマージンを設ける 表現の為に安全を犠牲にしない 迷ったらコンサバに。チューニング芸で頑張る。 視覚的/言語的にハンディキャップがある人にリスクを負わせない。「ってか、そこは周囲の人で吸収する社会にしようぜ!」という思想を、そこはかとなく埋め込む。 ボタンの文言とか 「開く&閉じる」や「開&閉」は、漢字が似てて視認性が悪いのでボツ。「あける&とじる」や「あける&しめる」は、「る」が被るのでボツ。「Open & Close」は視認性が悪いし子供がわかんないのでボツ。 で「ひらく」と「しまる」に決定。 「とじる」や「しめる」じゃなくて「しまる」にした最大の

    sakamata
    sakamata 2013/01/29
    素敵だ!素人的には開くの方にだけOPENと英語表記追加した方が良いかな的に考えちゃうけど(安全確保はユニバーサルでやれ的な)やっぱり蛇足なのかな?
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    sakamata
    sakamata 2010/10/13
    仕事で使う、絶対生かす。配置や色味、余計なものを排除して見やすく、伝わるものをといった工夫について明快に書かれたサイト、自分自身も素人だが、素人の人にこそ見てほしい
  • 印象に残る名刺の作り方

    印象に残る名刺の作り方みなさんはどんな名刺をお持ちですか?またはどんな名刺に目を奪われますか?今働いている会社の名刺ではなく、個人の名刺を作ってみたくないですか?どうせ持つならインパクトのあるものがいいですよね!最初の印象をグッとよくする名刺の作り方がWeb Designer Depotで紹介されていたので意訳してみます! Web デザイナー・デベロッパーとして、私たちは紙媒体を利用したマーケティングを見落としがちです。しかし、会議などクライアントと面と向かって会う場合や今後一諸にビジネスをするかもしれない誰かと出会ったとき、印刷物は非常に役に立ちます。名刺を持つことはあなた自身をオフラインの世界で宣伝するとてもいい方法です。 もちろん Web デザインは創造的な分野であるので、名刺にポートフォリオのような、自分のスキルを見せる要素を含ませたいでしょう。あなたが Web サイトをデザインす

    印象に残る名刺の作り方
    sakamata
    sakamata 2010/07/29
    ちょうどそろそろ作らないとなと思っていたところだけど、単価が高そうな凝ったやつばっかりだなあ。
  • 1