タグ

webdesignに関するlugryのブックマーク (16)

  • テキスト・写真・ボタンなどWeb2.0風画像のPhotoshopのチュートリアル集 | コリス

    HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。

  • 2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳

    2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。 お時間のあるときにどうぞ。 WEB制作者のためのライフハック Seth Godin「すごいWebサイトを作る方法」(日語訳) - TRANS [hatena] 歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 感動した。 便利サービス rsizr このサービスは異常。 すごいと言う意味で。 文章の一部を残したままリサイズしたりする液体リサイズです。 Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。 これは楽すぎる。 自動的に素敵なサイトマップを作ってくれるサービス URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星5つ。 フリー素材サイト PHOTO ST(フォトストリート) プロが撮影した写真を、商用、個人利用問わず無料で使

    2007年10月 WEB制作者の為のベストエントリまとめ part5*ホームページを作る人のネタ帳
  • 『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳

    いつも購読している海外のブログ記事ですが、図つきでわかりやすく紹介されています。 こういうのは過去にもいくつか見た事がありますので『Dezinerfolio流』と名づけておきます。 ようするにCSSタブメニューの横幅を、中に書かれたテキストによって、自動的に幅を調整すると言うもの。 タブメニューは結構使うようになってきたので覚えておいて損はないですよね。 もうタブの画像生成に悩まない 実際タブメニューは結構使いますので、これでひとつまた作業が楽になります。 タブの画像も、海外では無数に配布されていたり、生成できたりしますので、利用頻度は高いかと。 サンプルはこちら 図つきのため当にわかりやすくなっています。 ソースコードはエントリに書かれていますので、そちらを参考にしてください。 Creating Liquid CSS Tabs for Menus もしもタブを作るのがそもそも面倒なら・

    『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
  • WEB制作者の為のベストエントリ38個まとめ-part4*ホームページを作る人のネタ帳

    ライブラリ・WEBツール FancyForm - Javascript checkbox replacement チェックボックスをオシャレに変換する。 見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも? (前に紹介した気もしますが念のため) Popular Online Generators | Tech Magazine 過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。 アップした写真をお洒落に見せるJavaScript 写真風に自動変換してくれる便利なJavaScriptライブラリ。 Gigazinize: あなたのブログ,GIGAZINEのようにします 自動でブログ文章に見合った画像を探してくるサービス。 後継のGigazinize Tools - Image: Making up your Blog(あなたのブログに選り

    WEB制作者の為のベストエントリ38個まとめ-part4*ホームページを作る人のネタ帳
  • 第1回 CLARIFYING OBJECTIVES「ウェブサイトの目的と目標を定める」 | gihyo.jp

    はじめに/正しいウェブデザインとは ウェブデザインは大変自由な業種である。日々進歩する技術や新しいクリエイティブにあふれ、「⁠正しい」という言葉はあまり似合わない。しかし自由で、インタラクティブなインフラを活用するウェブデザインだからこそ、クリエイティブなアイディア以前に考えなければならない点がたくさん存在する。無論ウェ ブだけでなく、いかなるデザインにおいても目的を達成するためのロジックの積み上げやリサーチは必要であり、構築的なプロセスは存在する。 では、「⁠正しい」ウェブデザインとはどのようなプロセスだろうか? この連載を通じて筆者はウェブデザインの「正しい」プロセスを見出してみたい。ウェブデザインという仕事に関わるクリエイティブ・ディレクター、アート・ディレクター、デザイナーの視点から、ウェブデザインに必要なロジックを導き出そう。 まずは「手法」ではなく「目的」を なぜウェブサイトを

    第1回 CLARIFYING OBJECTIVES「ウェブサイトの目的と目標を定める」 | gihyo.jp
  • 雑誌編集者は、ウェブディレクターになれないのっ? : LINE Corporation ディレクターブログ

    『livedoor グルメ』『が好き!』の根岸です。 今回は、雑誌編集者とウェブディレクターの共通点と相違点についての、極私的考察です。 「紙の編集者はいらない!」 と、のたまわったのは、ライブドアの中の人ではなく、某ウェブ 2.0系出版社の社長さん。 僕にとっては、紙の編集者としても、インターネットビジネスにおいても大先輩にあたる人なんですが。 「発想がどうしても、紙から抜け出さないからさ。だからウェブディレクターは経験者、専門家を雇う」 言いたいことはわかるけど、ちょっと痛かった。 僕は、もともと、メインフレームのOSまわりのエンジニアだったんだけど、その後、雑誌編集者を15年やった。 なので、CGMとか動的なウェブサイトではシステム屋っぽい発想をする一方で、静的なページを企画するときは、雑誌の発想が抜けない。最初のうちは、けっこうとまどった。 タレントさんのインタビュー企画で、全身

    雑誌編集者は、ウェブディレクターになれないのっ? : LINE Corporation ディレクターブログ
  • アルファベットを使ってロゴを作るときの10のTips - DesignWalker

    アルファベットを使ってロゴを作るときの10のTips - DesignWalker
  • 第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro

    Webサイトのデザインの中で,ここ2年で大きく変わりつつある「常識」があります。それは,「メニュー(索引)」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で,それでも最良のユーザビリティを提供しようとするなら,どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー(視線との交差)のどちらがベスト? まだモニター画面の大きさが小さかった時代(1995年前後),情報へアクセスしやすくする「メニュー」の位置は,ほとんど誰が考えても左側にあり,議論もされなかったように記憶しています。確実に画面の中に入り,ユーザーも基的に左端にさえ注意を向けていれば,大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年,メニューが左側にあると当に操作性が良いのかという議論を聞くようになり,大手のWebサイトでも

    第26回 どこにメニューをおくべきか,どこが画面の一等地か:ITpro
  • 第11回 プログラマが知らない,デザイナーの苦労

    今回は,デザイナーとして,世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには,大いに賛同していただける内容になっているはずだ。 デザイナーだって,タイヘンなんだ! まず,デザイナーという仕事は,非常に誤解されやすい。例えば次のような誤解をうけて,暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する,先入観がある 世間(顧客やエンドユーザー)には,「すべてのデザイナー」=「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然,むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから,デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。

    第11回 プログラマが知らない,デザイナーの苦労
    lugry
    lugry 2006/09/14
    ディレクターなりが補完、調整すればいいじゃん。デザイナーもプログラマーもディレクターの駒に過ぎない
  • Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro

    Webサイトを設計する際,「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから,色の変更指示で不眠開発になるという話は,いまだ昔話にはなっていません。 色の問題を解決するためには,色についての知識があったほうが助かります。ただし,色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で,色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて,我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば,赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり,黄色の標識を目にすると周囲に対して少し注意力をはらったり

    Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
  • Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro

    対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PC

    Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック:ITpro
  • Webデザイナーのためのリンク集

    Webデザイナーのためのリンク集 このサイトの新着情報をあなたのブログやページに貼り付けられます トップ | 全一覧 | 未分類サイト | サムネイル全一覧 OR AND 登録されている全サイト一覧(全1443件) - 登録順 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) ... (次へ) カテゴリ追加 貼り付けタグ | RSS PHPスクリプト by phpspot

  • Open Web Design - Download Free Web Design Templates

    Open Web Design is a community of designers and site owners sharing free web design templates, website templates as well as web design information. Helping to make the internet a prettier place! 0 designs posted this week, 4658 designs total!

  • The work of Scott Schiller

    Scott Schiller: Creative, Technical and Professional Portfolio This site showcases the work of Scott Schiller. I am a Web Developer currently located in Calgary, AB. A bit of philosophy My passion for the Web is demonstrated by the work I do; rather than try to explain it all, I prefer to let my work speak for itself. This site exists for that reason - to showcase some of the things I have done in

  • Capgemini – home page – Get the future you want

    Insights linkInsightsExplore our latest thought leadership, ideas, and insights on the issues that are shaping the future of business and society. Learn more Reshape our future with generative AI Leading sustainability The future of technology Marketing for customer experience Our research library Expert perspectives Industries linkIndustriesChoose a partner with intimate knowledge of your industr

    Capgemini – home page – Get the future you want
  • PingMag - 東京発 「デザイン&ものづくり」 マガジン » Archive » mixiをより良くするためには

    ED治療薬(勃起薬)は様々な違いがあります。持続時間、作用時間、効果の強さ、事の影響などの比較をご紹介しています。 サイトマップ ED治療薬(勃起薬)の比較・違い ED治療薬(勃起薬)は、現在のところ4種類販売されています。それぞれの特徴の違いを比較します。EDに効果があるメカニズムはどれも同じですが、持続時間、即効性、事やお酒の影響などで違いがあります。お薬は個人差もありますが、ご自分に合っているものを探すことも大切です。また、状況にわけて様々なED治療薬を使い分けている方もいらっしゃるようです。正しいお薬を選択する事で、より効果を得る事ができるでしょう。 ED治療薬の通販はコチラ 勃起力で選ぶならこのED治療薬! バイアグラ ED治療薬で最も有名なのはバイアグラではないでしょうか? バイアグラは勃起力が強くなる薬で、ED治療だけでなくナイトライフを楽しみたい方にもオススメなED治療

  • 1