タグ

ブックマーク / kachibito.net (11)

  • ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 - かちびと.net

    既出なんですが良かったので。空いた時間に、気になっていたスライドがあったので拝見しましたが、内容が素敵だったのでご紹介します。ノンデザイナーさん向けのデザインセオリーのスライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちらかというとWebデザイナーさんなら知ってて当たり前じゃないかという内容かもしれません。 スライドの作成者さんのブログでもノンデザイナー向けの講義向けのスライド、とありました。→福井高専でノンデザイナー向けの講義しました デザインとアートの違い、なぜデザインが必要なのか、Webデザインとは、などなどが解説されています。Webデザイン論では必須の導線、レイアウト、情報のグルーピングにもしっかり触れてくれています。Webデザインには理由がある、というのが分かるかと思います。(「意味」って言っちゃうと語弊がありますよ)

    ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 - かちびと.net
    oitch01
    oitch01 2012/03/05
    デザインについて学びたい人向けに非常に分かり易くまとまってる。
  • iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template - かちびと.net

    iPhoneiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。 iOSのホーム画面向けのアイコン用テンプレ。スマートオブジェクトでフレームの変更・追加も容易に出来ます。 iPadiPhoneなどのアイコン生成用のテンプレートです。フレームみたいなもんですかね。デザインの変更はスマートオブジェクトを利用します。 使ってみた ↑ 上記赤枠がスマートオブジェクトなので開きます。 ↑ 何種類かある中からフレームを決めてスマートオブジェクトを保存すればメインファイルに反映されます。 ↑ インセットも出来るよ。 ↑ テクスチャ追加してみた。スマートオブジェクト側にテクスチャを増やせばテンプレ量産出来ますね。 枠を作ってくれてるので効率的に

    iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template - かちびと.net
  • 国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと.net

    以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・ 個人的な備忘録とメモ書きです。探し方も悪いと思いますので数はさほど網羅していません。「あそこ凄い素敵なのに載ってない」みたいなご意見ありましたらコメント欄にてご教授頂けますと幸いです。 この記事で見たいのはアプリではありませんのでWebサイトへのリンクしかありません。順不同となっています。シェア系アプリが多いです。 MogSnap べたものを写真で評価、共有するiPhoneアプリ。写真系なのでこういったスライドがあるとアプリの概要をイメージしやすいですね。無料であること、キャプチャ、アプリダウンロードのボタンが分かりやすく明示されています。 MogSnap 大辞林 言わずと知れた

    国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと.net
  • 最近よく見てる国内のお薦めWeb制作やTips系ブログいくつか

    ふと思い立ったので記事にしてみます。 最近よく見させて頂いてる国内のブログ をシェアしてみようと思って記事にして みます。僕はWeb屋さんなのでWeb屋さん 向けのブログだけになっていますが、 Web屋さん以外でも楽しめるんじゃないか と思っています。 というわけでお薦めのブログをご紹介。今までも色々なブログをご紹介していますので重複するサイトは割愛しています。 単純に自分の好みなので全然参考にならないと思いますが、お世話になってるのでご紹介したいなと。少なくともタイトルで釣っておきながら中身が無いようなしょうもないブログは1つも含まれて無いと思います。しょうもないブログとはこののブログの事なんですけどね。ドキッとした方は僕と一緒に悔い改めると幸せになれそうです。 僕自身、人様のブログ自体は殆ど見ない人間なので偏ってると思いますけど、新たな発見に繋がれば幸いです。 maka-veli.co

    最近よく見てる国内のお薦めWeb制作やTips系ブログいくつか
  • iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design - かちびと.net

    いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト 似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patterns pttr

    iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design - かちびと.net
  • 無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net

    以前ご連絡を頂いたフォントポ日語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日フォントに新しく仲間入りです。 かわいいですねーwきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約 利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。

    無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net
  • Facebookページをアピール出来るソーシャルプラグイン・Likebox(いいね!ボックス)をオリジナルデザインに変更する方法 - かちびと.net

    Facebookページをアピール出来るソーシャルプラグイン・Likebox(いいね!ボックス)をオリジナルデザインに変更する方法 - かちびと.net
  • インスピレーションを刺激させたい時に大抵見てまわるWebサイト集

    インスピレーションを向上させたい 時に僕が見てまわるWebサイトを ご紹介。というか基的に殆ど閃く 事は皆無に等しいレベルでナンセ ンスな人間なのでドーピング的に 綺麗なものを見るようにしています。 というわけで、発想力の有る方には全く役に立たないエントリーです。個人的には勉強を兼ねたWebデザイン、フォトグラフィのためのインスピレーション向上が目的ですが、「発想力を上げる」というのは様々な業種の方にも通ずるものがあるのではないかと思っています。 パッと見、一貫性の無いまとめですが、どのサイトからもアイデアを貰ったことがあるのでそういったWebサイト集になります。順不同。 Dribbble 世界中のデザイナーの作品が見れるサイトです。新しく作ったコンテンツを公開してくれます。色やカテゴリで探せますが、どれも素敵なのでダラダラ見てるのも楽しいです。 Dribbble We heart it

    インスピレーションを刺激させたい時に大抵見てまわるWebサイト集
  • オリジナルコンテンツを加えたFacebookページ(旧ファンページ)を作ったので、手順をメモ - かちびと.net

    FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどw折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。

    オリジナルコンテンツを加えたFacebookページ(旧ファンページ)を作ったので、手順をメモ - かちびと.net
  • ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ - かちびと.net

    いくつか知っておいた方が、必要な時に 探しやすいと思ってメモします。Webサイト のデザインをヘッダーやフッターなど、 パーツ別に収集しているギャラリーサイトが いくつかあるのでまとめます。 そんな大量に有るわけではないですけど。パーツのデザインはいつも迷うのでこの手のギャラリーはいくつあっても結構重宝しますよね。 ブブンデザインアーカイブ 国内でおそらく唯一のパーツ別デザインギャラリーです。ナビゲーションやフッターなどで探せて、収集しているサイトも国内メインなので参考になるのでは。 ブブンデザインアーカイブ MephoBox ヘッダーやフッター、ナビゲーションやフォームデザインだけでなく、404やカレンダーなど全てのコンテンツをカテゴリにしてパーツデザインを収集しています。おすすめ。 MephoBox Pattern Tap こちらもナビゲーションやボタン、フォームデザインなどに分けてデ

  • Web広告のバナーばかりを集めたギャラリーサイト・Web Banner Gallery - かちびと.net

    海外のバナーなので参考になるか 分かりませんが、珍しかったので メモ的にエントリー。Web広告で使用 されている広告バナーのデザインのみ を集めてギャラリー化しているサイトです。 バナーも集めてみると面白そうですね。

  • 1