タグ

webデザインに関するtong_changのブックマーク (26)

  • いまWebサイトで流行ってる色 / Maka-Veli .com

    CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s

    いまWebサイトで流行ってる色 / Maka-Veli .com
  • フラットデザインのアイコンセットまとめ - NxWorld

    沢山出てきていい加減もう見飽きた感も正直ありますが、見つけてはメモしていたフラットデザインのアイコンセットがかなりの量になっていたので整理兼ねてシェアします。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。

    フラットデザインのアイコンセットまとめ - NxWorld
  • あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較

    こんにちは、結婚式で悪友に高校時代のポエム的なものを晒されたゆうすけです。 そういうの、当勘弁してほしいんだよな。 先日Macの古いデータを整理していたところ、2008年頃のウェブサイトのキャプチャー画像を大量に発見。当時はWebデザイナーではなくエディトリアルデザイナーだったのですが、デザインの練習(模写)のために取り溜めていた様子。 あの頃の自分は結構真面目だったのかもしれない。 やっぱり今とだいぶ違うなー。具体的にどこが変わったのかな?と結構楽しく眺めていたのですが(どうしてアナログデジタル問わず、掃除をすると懐かしくて手が止まってしまうのか!)、せっかくなので記事としてまとめてみることにします。 当時の担当デザイナーがもしこれを見たら、恥ずかしくてたまらないかもしれないですけどね。一度世に出したものですからね。しょうがないね。 大阪府知事に橋下徹氏が就任し、船場吉兆があの伝説的な

    あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較
  • エンジニアこそ色彩デザインを学ぼう - ppworks.jp

    学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオススメとのことです。よっしゃ、学ぼう。 新人デザイナーのための色彩デザイン・配色のルールを学べる 新人デザイナーのための色彩デザイン・配色のルールを学べる 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行 クリック: 1回この商品を含むブログを見る WEBというより印刷のデザイナー向けのなのかな?という印象なのですが色の使い方という意味では勉強になりました。 特色の話やCMYKプロセスカラーの話は一旦無視しながら

    エンジニアこそ色彩デザインを学ぼう - ppworks.jp
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • UXデザインというものについて - yzgwyskw

    UXという言葉は非常に誤解されているように感じます。これはUX〇〇を単にUXと言ってしまう軽率な省略によって引き起こされているのではないかと思っています。この省略のために、UXというのは結局なんなのか?という疑問を引き起こしているように感じています。この文章は、そういう疑問を持っていた一年前くらいに自分に対して説明を行うような気持ちで書きました。ただし、私は仕事としてUXを扱っておらず、自分の理解を整理するためにここで文章にしていることを留意ください。 UXとは そもそも、UXというのは"ユーザが製品に触れている際に経験する知覚や感情"であり"現実世界に起こっている事象"です。ここで重要なのは、UXは単に事象でありその他の意味は含まれていないということです。直感的といった曖昧な言葉がUXの形容詞として用いられていることが多いため、使いやすくなければUXでないような印象があるかもしれませんが

    UXデザインというものについて - yzgwyskw
  • 優れたユーザーインタフェース(UI)を実現するチェックリスト36項目

    【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく! 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない

    優れたユーザーインタフェース(UI)を実現するチェックリスト36項目
    tong_chang
    tong_chang 2014/01/23
    取捨選択して自分の中でまとめよっと。時と場合。
  • 選ばれるウェブデザインとは

    東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る

    選ばれるウェブデザインとは
  • 劇訳表示。 : 「奇妙なサイトを見つけたんだが・・・」【海外反応】

    2013年07月04日00:00 「奇妙なサイトを見つけたんだが・・・」【海外反応】 カテゴリオモシロ系・lol United Themes biglawts ココなんだがwww つ 【以下、全て画像リンク:音量注意 光過敏症な方要注意】 staggeringbeauty >>biglawts roses269 0_0 >>roses269 StopReadingMyUser 死んだのか? >>StopReadingMyUser roses269 ちょっとオカシクなりかけた。 俺が死ぬ時は、こんな精神状態かも知れん。 WetBlueJeans blessedwhitney Quetz23 あークソがっ。 >>↑ Kalitias 大丈夫だ。 他のみんなも同意見だ。 idlerun 俺、ヘッドホンしてたわ・・・。 o_0 pinchy_carrone 俺は鼻血出たけど、は平気な顔してた。

    tong_chang
    tong_chang 2013/07/04
    おもしろ奇抜なサイト
  • UXを学ぶならこれだけは目を通しておけ! - UX-design

    2013-04-11 UXを学ぶならこれだけは目を通しておけ! UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、格的にそれを仕事としてやろうとなった時から気で勉強しなきゃやばい!と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって

  • ウェブデザインにおける効果的な背景の使い方

    Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ

    tong_chang
    tong_chang 2013/04/10
    背景の使い方のサンプル
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

    tong_chang
    tong_chang 2012/12/20
    あとで読む
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
    tong_chang
    tong_chang 2012/12/17
    センス!
  • 2012年版、漢字も揃っている日本語のフリーフォントのまとめ

    個人や商用で無料で利用できる日語のフリーフォントを紹介します。年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 ※フォントを利用の際には必ずライセンスをご確認ください。 最新版を公開!フォントの数が大幅に増えています。 2019年用、日語のフリーフォント 366種類のまとめ

    tong_chang
    tong_chang 2012/12/14
    年賀状にも使える日本語フォント。便利でござんすなあー
  • 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック

    2:ズルいテキストシャドウ 続いて、ズルいテキストシャドウです。背景に対して、活版印刷のように浅く彫り込んであるように見えるテキストシャドウをズルいテキストシャドウと呼んでいます。ズルい線と同じく、「実物」に近い存在感を与えるのに効果的な手法です。 濃い背景色+白抜き文字の場合のズルいテキストシャドウ

    少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
    tong_chang
    tong_chang 2012/12/06
    ズルいグレー
  • Basic Process to Apply CSS to Your Website

    2014年8月17日 CSS, Webサイト制作 CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ!今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その7 目標:CSSでレイアウトが組める・基的な装飾ができる 必要なもの:Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル:CSSの基礎知識がある・基的なCSSが手打ちで書ける 目次

    tong_chang
    tong_chang 2012/11/07
    あとでよむ
  • 楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO

    ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhoneiPadAndroidAndroid 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ

    楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
    tong_chang
    tong_chang 2012/11/06
    なんかアイデアを練るときに使えそうな
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    tong_chang
    tong_chang 2012/10/20
    フリーフォント
  • 架空の企業や組織のロゴ画像下さい!! : あじゃじゃしたー

    1:以下、名無しにかわりましてVIPがお送りします:2012/10/14(日) 09:59:01.61 ID:rM3XIIxz0 こういうのです!!!! 2:以下、名無しにかわりましてVIPがお送りします:2012/10/14(日) 09:59:58.14 ID:l/qw4CFe0 以下、名無しにかわりましてVIPがお送りします:2012/10/14(日) 10:01:35.40 ID:o1OeXe3P0 4:以下、名無しにかわりましてVIPがお送りします:2012/10/14(日) 10:01:59.19 ID:cupmZFG50 ネルフは? 6:以下、名無しにかわりましてVIPがお送りします:2012/10/14(日) 10:04:13.06 ID:qHr80j540 フォックスハウンドとかアンブレラとかいろいろあるな 7:以下、名無しにかわりましてVIPがお送りします

    tong_chang
    tong_chang 2012/10/15
    かっこいい