はてなブログデザインカスタマイズの解説。WEBデザインのノウハウも詳しく解説。 - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-04 はてなブログデザインカスタマイズの解説。WEBデザインのノウハウも詳しく解説。 WEB ライフ こんにちはnasustです。今回は、はてなブログのデザインのカスタマイズが完了したので、どうやってカスタマイズしたのかをノウハウ含めて詳しく解説します。 始めに 今回のはてなブログのデザインカスタマイズは「よりiOSに近づいたOS Xのコンセプトデザイン : ギズモード・ジャパン」で紹介されているフラットデザイン風MAC OS Xデザインをモチーフに行いました。 このデザインに近づける為にカスタマイズしたポイントを解説します。 はてなブログのデザインテンプレートを選ぶ はてなブログのデザインのカスタマイズとは「ブログのテーマ」のCSSを修正するという作業のことです。 何故、CSSの修正かというとHTMLの修正ができないので「ブログのテーマ」の元から設定してあるCSSのスタ
デザインの7か条『誰のためのデザイン？ 認知科学者のデザイン原論』 - RyoAnna
USBメモリをパソコンに挿すと引っかかる事がある。コネクタの半分が空洞、半分が突起になっているため、2分の1の確率で引っかかる。これは、マークやランプを上に向けて挿さないユーザーが悪いのだろうか。『誰のためのデザイン？ 認知科学者のデザイン原論』の著書ノーマンは、このような事例をデザイナーの問題だと主張する。 ノーマンによるデザインの7か条。 外界にある知識と頭の中にある知識の両者を利用する。 作業の構造を単純化する。 対象を目に見えるようにして、実行のへだたりと評価のへだたりに橋をかける。 対応づけを正しくする。 自然の制約や人工的な制約などの力を活用する。 エラーに備えたデザインをする。 以上のすべてがうまくいかないときには標準化をする。 例えば、4番の「対応づけ」の悪い例は、部屋の電灯スイッチ。一般的なスイッチは縦と横に4つ並んでいるが、実際の電灯の配置とは一致していないため、どこを
Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない！上手くなるにはどうすればいいの？など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方
「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド リボーテ -Re:beaute-様のサイトもありがたいことに、このまとめ記事に取り上げて頂いています。 いろいろなメディアに取り上げていただく中でのフィードバックとして、「twitter bootstrapがレスポンシブWEBデザインに便利なのはわかっているけど、どうやったらbootstrapっぽくないデザインにできるのかわからない」という声をよく聞きます。 僕も最初はそう思っていました。 一回触ってしまえば、
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
tanoshikoto.com - tanoshikoto リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ウェブデザインで注目すべき5つのトレンド：パララックススクロールから大胆な色使いまで | ライフハッカー・ジャパン
GIGAOM：最新のウェブデザインについてデザイナーに聞きました。パララックススクロールから大胆な色使いまで、5つの注目トレンドを紹介します。 最近のスタートアップはデザインでブレークする、けれど 問題はウェブサイト、モバイルアプリ、コネクテッドデバイス版（PCやスマホ、タブレット）のデザインをどう改良すればいいのかが不明確だということ。単純に無駄を省いてクリーンなデザインにすればいいわけではないのです。 そこで、何人かのテックデザイナーにインタビューを行い、これから重要になる5つのトレンドをリストアップしました。大きい括りでいえば、これらはすべて「シンプルさ」に分類されますが、サイトを煩雑でないものにすることは、すなわち重要な部分を引き立たせることを意味するのです。 クリーンなアイコン ここではあえて、フラットデザインという表現は使いません。デザイナーのHenri Liriani氏の記事
自称WEBデザイナーさんへ
WEBデザイナーから上がってきたデザインが酷すぎる。 事前にコンセプトやテイストを伝えて、参考サイトのURLも送った。丁寧に強調したい部分とか、写真の意図も伝えた。予算も作業時間にも無理がないか確認した。 それなのに、送られてきたデザインは、私の作った白黒のワイヤーフレームに色やグラデを付けて、ちょっとレイアウト調整して、フォントを新ゴにしただけ。 これが「デザイン」ですか？メインキャッチを新ゴで書くことが、デザインですか？強調したいと言った部分を赤にすることが、デザインですか？指示した写真をトリミングもせずそのまま配置することが、デザインですか？ 思わず言ってしまった。「これ、まだ途中ですよね？」 いや、私の仕事の中に「スタッフが気持よく仕事できる環境を整える」ことが含まれているのはわかっている。分かっていても、嫌味を抑えきれないほどの酷さだった。それでもなんとか「あ～すみません、時間な
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
今年注目のフラットデザインを採用している海外の素敵なWebサイト 60
AppleもiOS7で採用すると噂され、今年注目されているフラットデザイン。ただ実際にフラットデザインを採用してWebサイトを制作するのは難しかったりしますよね。そんなフラットデザインを採用していて参考になるWebサイトを集めてみました。 紹介しているフラットデザインについて フラットデザインに明確な定義があるわけではないので、ドロップシャドウやグラデーションを極力使わず、ミニマルで色使いが上手いと思ったWebサイトを個人的な主観で集めています。参考程度にしていただけると嬉しいです。 1. oak.is 2. It's a Shape Christmas 3. William Leeks 4. Etch 5. bioipsum 6. Mark Simonson 7. Flaticons 8. LayerVault 9. Combadi 10. Lorenzo Verzini 11. Gec
言葉はグラフィックより大事なインターフェイス
2013年3月16日にAndroid Bazaar Conference 2013 Spring が開催されました。昨年に引き続き今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない UI のインスピレーションとして Dribblbe や Android Patterns のようなギャラリーサイトを見ている方は多いと思いますし、「素晴らしい UI のまとめ」と名付けた記事も、だいたいはこうしたギャラリーサイトを参照していることが多いです。 実装まで携わった経験がある方ならなんとなく分かると思いますが、Dribble で紹介されている UI アイデアの多くは現実味がない想像図が多く掲載されています。実装しようとするならばパフォーマンスや操
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flipsblog.jp
新着記事
2013年のロゴデザインのトレンド -2013 Logo Trend Report
新着記事
