タグ

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

  • アップル、開発に8年をかけた「写真集」を発売

    アップルが「写真集」を発売する。 タイトルは「Designed by Apple in California」。ハードカバーで、10.20×12.75インチサイズの「小」が2万800円、13×16.25インチサイズの「大」が3万800円。写真は、金箔つや消し銀縁を施して専用染色された紙に、8色分解と低ゴーストインキを使って印刷される。亜麻糸で製され、開発に8年がかけられたという。1998年のiMacから2015年のApple Pencilまで、450枚の製品写真を掲載。製品写真だけでなく、アップルのデザインチームが使用してきた素材や技術に関する記録も掲載する。 同社の最高デザイン責任者のジョニー・アイブ氏は「純粋に、人類にとって素晴らしいものを作ろうという考えが、スティーブを突き動かした最初のきっかけでした。そのことは、今でもAppleが未来を考える際に、私たちの理想と目標であり続けてい

    アップル、開発に8年をかけた「写真集」を発売
  • 高齢者へのiPad導入を阻んだiOSのUI/UXの話

    高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月(2013年11月)、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの1名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容

    高齢者へのiPad導入を阻んだiOSのUI/UXの話
  • 【保存版】素敵なインテリアが探せるオススメWebサイト25選

    新生活のことも、そろそろ考えだす時期になってきました。 一人暮らしの方は部屋のスペースが狭い分、部屋のレイアウトをうまくオシャレにしたいと悩んだりします。そこで今回は、観ているだけで楽しくて、しかも気付けば部屋のコーディネートの参考にもなっていた!とったWebサイトを25個ほどご紹介します。 お洒落な雑貨や家具がみつかるし、インテリアの実例(部屋に生活雑貨をどう配置するか)がのっているサイトもありますので、ぜひ参考にしてみてください。 一人暮らしのためのインテリアサイト 一人暮らしインテリアのジパング.com 一人暮らしインテリアのジパング.comは、ベッドの選び方からソファの選び方まで、一人暮らしの方のために詳細に説明されています。 実際に商品を探しながら、自分の部屋のレイアウトをイメージできるサイトです。さらに、このサイトから注文すると送料が無料というはラッキーですね。 → 一人暮らし

    【保存版】素敵なインテリアが探せるオススメWebサイト25選
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 色覚障がい者に配慮したWebサイトの作り方

    2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください! ↑私が10年以上利用している会計ソフト! 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに

    色覚障がい者に配慮したWebサイトの作り方
  • 国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net

    Webデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日人に合ってる のかもしれないですね。そんな訳で日人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、2次配布は不可。

    国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
  • <senken h 96>ファッション:「スカルキャンディー」の多彩なヘッドフォンをご紹介

    ドームタイプのイヤーカップが特徴の「HESH」シリーズ。全体的に丸みを帯びたデザインが存在感大。「CYAN PRINT」9450円。(c) senken h 【9月8日 senken h】アメリカ生まれの「スカルキャンディー(SKULLCANDY)」。高い機能性、斬新なカラーリング、ポップなデザインで、多くのDJやアーティストなど音楽業界を中心に絶大な支持を受け、日でも着実にファンを増やし続けている。 ヘッドフォンは、ドームタイプのイヤーカップが特徴の「HESH」シリーズやスポーツタイプ「iCON」に加え、MP3プレイヤーを内蔵したコンパクトな「DUBLE AGENT」などが揃う。 イヤホンでは、機能性もプライスも魅力のスカルキャンディーらしい「SMOKIN BUDS」から極上のサウンドを楽しめるハイエンドな「FMJ」まで多彩なラインナップ。世界初の木製のイヤフォン「HOLUA」も必見だ

    <senken h 96>ファッション:「スカルキャンディー」の多彩なヘッドフォンをご紹介
  • ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方

    ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして

  • いいデザイナーになるために参考になる50サイト – creamu

    dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ

  • AppleをAppleにしているもの

    ワシントン大学で受講しているMBAの授業もあと3ヶ月を残すばかり。来週から始まるクラスの一つが「General Management & Strategy」というクラス。Microsoftの戦略コンサルタントを勤めるCharles Hillというやり手の教授の授業は、スピード感とテンションの高さで大好きなクラスの一つだ。 最初の授業が「Apple 2008」と題したケーススタディ。Apple歴史を勉強した上で、Appleの長所・弱点、そしてそれを取り巻く環境を解析する(SWOT analysis)というクラスだ。が「あなたが教えるべき」というぐらい楽しいテーマなので、水を得たさかなの様にレポートを一気にまとめて準備完了。せっかくなので、キーポイントをここに書いてみる。

  • ウェブデザインのクオリティをアップする7つのポイント | コリス

    ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

    「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
  • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

    サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

    プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
  • WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ

    色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴

    WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
  • ゲーム制作に使えそうなフリーフォント集 - ネットサービス研究室

    Redensek Acknowledge Mizu Font Alphabet 7LineDigital Abstract M23 Hydrant Special Superpoint V5 Prophit Cell Edit Undo Line 04b_30 以下はタイトルに使えそうなフォントです Blox Cube Toss Jersey Letters Cloister Black Deutsche Zierschrift Barber Shop Bleeding Cowboys SEGA Metal Gear Solid 関連エントリー デザイン性の高いフリーフォント集 Webデザイナーにささげるフリーフォント104

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

  • Surviveplus.net

    第1話 アイコン作成の定石 記事掲載:2004/07/09 ( 更新:2004/07/09 ) 1. Microsoft の公式ドキュメントに従う Windows XP のアイコンの作成方法は msd の日語ドキュメントで紹介されています。 msdn "Windows XP 用アイコン作成方法 " 基的に、これに従えばOKですが、もとが英語ドキュメントで、紹介されているソフトも海外のモノなので、ちょっとわかりにくいですね。ポイントだけ抜き出すと 原画を Photoshop などで描く ツールバー用やファイル自体は正面図で、モノはパースで描く 基パレットとして指定されている色を使う 影をつける(ツールーバー用ではつけなくて可) アイコンフォーマットは前から順に 16色、256色、透明度付き 各色順に 16、24、32、48ピクセル を用意する 各画像を用意して、ソフトを使って一つのアイ

  • 1