タグ webデザイン
人気順 5 users 10 users 50 users 100 users 1000 usersWebデザインで「紙っぽさ」を出す方法を考えてみる|akane
こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌... 続きを読む
Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そう... 続きを読む
CSS Stock|Webデザインを楽にするCSSコピペサイト
当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む
なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力す... 続きを読む
無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に!/事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
Webデザインの有料学習サイト「chot.design」を運営するちょっとは全コンテンツを無料公開した。「Photoshop」や「Illustrator」の基礎レッスンからUIデザインやバナー制作テクニックを紹介する本格的なレッスンまで571本を公開している。 Webデザインの有料学習サイト「chot.design」を運営するちょっと(東京都中野区... 続きを読む
未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最後らへんでだんだん不穏になってきたけど…」
かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩!SNSアカウントを作るよ~! #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59 続きを読む
はてなに居る人達は、はてなの衰退を止められなかったのは何故だろうか
はてなは一時期はWebの最先端を走っていたはずだ。 Web技術、デザインといったものから、文章や漫画やサブカルといったものもあった。 はてなアンテナで情報感度の高い人が何を見ているのか知ることもできた。 どの時点から狂ってきたのか。 Webデザインはもうブックマークすらされなくなった。 2ch系のニュース板のよう... 続きを読む
Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは | アンドエンジニア
Webサイト制作では通常、「デザイナーの作ったデザインをエンジニアが実装する」という分業体制が一般的。 しかし、今回なめサンは、サイトの見た目・動きのデザインから開発まで、すべてひとりで行っている。 優れたアニメーションやインタラクション(ユーザー操作へのフィードバック)をデザインし、自ら実装するエン... 続きを読む
2020年用、日本語のフリーフォント417種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人でも商用でも無料利用できる、日本語のフリーフォント417種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です! ついにフリーフォントのまとめが、400種類を超えました! 初紹介のフォントから既存フ... 続きを読む
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む
「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 | Stocker.jp / diary
Webデザイン 「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 Monday, May 13th, 2019 正直タイトルの時点でひどすぎると感じていますし、このような記事を書くのは本望ではないのですが、これを許してはいけない、受け入れるわけにはいかないと... 続きを読む
旦那が主夫になって思うこと
旦那が精神的に働けなくなった。 無神経でタフな人だと思っていたけど、半年ほどであれよあれよと無職になった。 で、私が働きだした。 プログラマー兼SEとして雇われた。 基本的に受託案件を社内開発。 暇な時期は、社外。 言語はその時によってPHP、java、python、.NET。 簡単なWEBデザインなんかも。 DBはmysql、post... 続きを読む
2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか? 最新のWebデザインのトレンドを取り入れることによって、Webサイトを魅力的に見せることができたり、使いやすいWebサイト... 続きを読む
アンジャッシュのコントみたいに会社を辞めた女の子の話。
私が前に勤めていた会社の話。 会社は、Web制作会社でした。クライアント企業からサイト制作を承る、どこにでもあるちっぽけな受託の会社です。 そこに、中途採用でデザイナーが入ってきました。まだ若いけれども、前職でもWebデザインをしていたという女の子です。 その子をAさんとします。 Aさんは、即戦力として期待... 続きを読む
王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化? | Webデザイン、これからどうなるの?(全10回) | Web担当者Forum
Web担トップ » Webデザイン、これからどうなるの?(全10回) » 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化? Webデザイン、これからどうなるの?(全10回) 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化? モバイルファースト時代ではモバイルからPCサイトへ変形するのが標準形に。それに伴ってハンバーガーボタンも標準化?(第3回) 福岡... 続きを読む
Webデザインのスタイルガイドの作り方 | UX MILK
Tomasはリトアニアの旅行 ライフスタイルに関する起業家 およびブロガーです。彼はブログや毎週配信される ニュースレター で、趣味やライフスタイルデザイン、起業精神について執筆をしています。 Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Web... 続きを読む
日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは 以前からFlexboxの使い方について紹介してきた のです... 続きを読む
コピペで使えるオシャレな配色パターン見本 25 (全組み合わせWebカラーコード付) - Literally
2016 - 11 - 02 コピペで使えるオシャレな配色パターン見本集 25 (Webカラーコード付) デザイン 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。 プレゼン資料 、 Webデザイン などで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青... 続きを読む
3分あれば十分!もうひと工夫加えるだけでレベルアップするデザインTips 25選 - Brian'z Imagination
2016 - 05 - 08 3分あれば十分!もうひと工夫加えるだけでレベルアップするデザインTips 25選 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly はてなでブログを書き始めて2週間ほど経過したのだけれど、ブログを始めると書く内容そっちのけで やたらとデザインにこだわりたくなることがある 。 特に、ホットエント... 続きを読む
【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination
2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。 背景色や文字色をいじるのだけれど、 どうもパッとしない 。 これだ!と思う色を選択して使... 続きを読む
マンガでわかるGit 第一話「Gitってなあに?」
マンガでわかるGit 次回作の更新情報は お気軽にフォローしてね!フォロバ希望の際は声かけてくだされば24時間以内にフォロバします #フォロバ #相互フォロー — マンガでわかるWebデザイン@脱稿したよ (@webdesignManga) March 21, 2016 更新情報は、 こちらのツイッターアカウント でつぶやいています。 制作裏話も投稿していきます。 ぜひフォローしてくださいね♪ マ... 続きを読む
Webデザインが圧倒的に捗るChromeの拡張機能12選 | UX MILK
みなさんはChromeの拡張機能を活用していますか? 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL: FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます... 続きを読む
Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開! - paiza開発日誌
2016 - 02 - 09 Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開! 開発ネタ Webサービス紹介 Webデザイン どうも、まさとらん( @0310lan )です。 みなさんは、「 JavaScript ライブラリ 」を活用しているでしょうか? Webサイト制作 はもちろんのこと、さまざまな Webアプリやサービスなどを開発 する時に、 大幅な時間短... 続きを読む
はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法(テーマDUDEの手引き) - Literally
2016 - 01 - 20 はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法(テーマDUDEの手引き) WEBデザイン 以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか... 続きを読む